Este error ocurre cada vez que trato de usar vuejs3 con laravel
Vue warn]: Component is missing template or render function. at <App>Comencé un nuevo proyecto laravel 8 con vuejs 3 y el mismo problema nuevamente, no sé cómo manejarlo. Aquí hay algunos de mis archivos de configuración.
require('./bootstrap'); import { createApp } from "vue"; import Welcome from "./components/Welcome.vue"; const app = createApp({ components: { Welcome, }, }).mount("#app"); const mix = require('laravel-mix'); mix.ts("resources/js/app.ts", "public/js").vue({ version: 3 }) .postCss('resources/css/app.css', 'public/css', [ // ]); <template> <div id="app"> Hello {{ name }} welcome to my app. <hr /> </div> </template> <script lang="ts"> import { defineComponent, ref } from "vue"; export default defineComponent({ setup() { const name = ref<string>("Bijaya"); return { name, }; }, }); </script> "devDependencies": { "@vue/compiler-sfc": "^3.2.13", "axios": "^0.21", "laravel-mix": "^6.0.6", "lodash": "^4.17.19", "postcss": "^8.1.14", "ts-loader": "^9.2.6", "typescript": "^4.4.3" }, "dependencies": { "vue": "^3.2.13", "vue-loader": "^16.6.0" }Si tienes alguna pista por favor dímelo, gracias
Realmente no entiendo por qué, pero cambiando en app.ts esto
import { createApp } from "vue"; import Welcome from "./components/Welcome.vue"; const app = createApp({ components: { Welcome, }, }).mount("#app");a esto:
import { createApp } from "vue"; import qrcode from './components/qrcode.vue' createApp(qrcode).mount("#app")hizo el trabajo