Question

大家好，在我的 Laravel 项目中启动 Vue 没有什么问题。

这是我的 package.json

dataproc:dataproc.monitoring.stackdriver.enable=true

Webpack 组合：

"devDependencies": {
        "@fortawesome/fontawesome-svg-core": "^1.2.32",
        "@fortawesome/free-brands-svg-icons": "^5.15.1",
        "@fortawesome/free-regular-svg-icons": "^5.15.1",
        "@fortawesome/free-solid-svg-icons": "^5.15.1",
        "@vue/compiler-sfc": "^3.0.5",
        "axios": "^0.21",
        "bootstrap": "^4.0.0",
        "jquery": "^3.2",
        "laravel-mix": "^6.0.0-beta.17",
        "laravel-mix-vue3": "^0.7.0",
        "lodash": "^4.17.19",
        "popper.js": "^1.12",
        "postcss": "^8.1.14",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.20.1",
        "sass-loader": "^8.0.0",
        "vue": "^3.0.5",
        "vue-loader": "^16.1.2",
        "vue-template-compiler": "^2.6.10"
    }

这是我的 app.js

mix.js('resources/js/app.js', 'public/js')
    .vue()
    .sass('resources/sass/app.scss', 'public/css');

我有组件 UserInfo 包含在我的blade.php 中，但出现未捕获的类型错误：无法读取未定义的属性“组件”

Answer 1

全局在 Vue 3 中发生了变化，您必须使用 createApp 函数来创建应用程序实例：

import { createApp } from 'vue';
require('./bootstrap');
require('./fontawesome');

let app=createApp({})
app.component('user-info', require('./components/UserInfo.vue').default);
app.mount("#app")

有关使用 vue 3 和 Laravel 设置完整应用程序的更多信息，请查看此answer

VueJS 3 + Laravel：未捕获的类型错误：无法读取未定义的属性“组件”

1 个答案: