几天以来我一直遇到这个问题，我真的在互联网上找不到任何解决方案。我是 Vue.js 的新手我正在做一个 TDD laravel 项目：现在我想像这样将标准的 vue 示例组件添加到我的 app.blade.php 中：应用程序.blade.php<!-- Scripts --><script src="{{ asset('js/app.js') }}" defer></script><body><div id="app"> <example-component></example-component></div>应用程序.jsrequire('./bootstrap');window.Vue = require('vue');Vue.component('example-component', require('./components/ExampleComponent.vue').default);const app = new Vue({ el: '#app',});结果，示例组件在网页上呈现......没问题......但问题来了：一旦我更改了示例组件中的任何 HTML 代码，它就不会在浏览器中显示更改。它不断显示标准示例组件。更糟糕：当我通过重构为 FlashTest.vue（例如或其他任何东西）并像这样更改 app.layout.blade 和 app.js 来重命名 examplecomponent.vue 文件时：<!-- Scripts --><script src="{{ asset('js/app.js') }}" defer></script><body><div id="app"> <flash-test></flash-test></div>应用程序.jsrequire('./bootstrap');window.Vue = require('vue');Vue.component('flash-test', require('./components/FlashTest.vue').default);const app = new Vue({ el: '#app',});我看不到那个组件。当我想注册任何全局组件时，我收到的唯一错误消息来自控制台：app.js:37935 [Vue 警告]：未知的自定义元素：-您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。（在）app.js:37935 [Vue 警告]：未知的自定义元素： - 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。（在发现 ）我得到的另一个错误来自 phpstorm：在我注册组件的行旁边：´´´ Vue.component('example-component', require('./components/ExampleComponent.vue').default); '''它发出嘎嘎声：未解析的函数或方法组件检查调用的函数是否有效请帮助我我已经尝试了 2 天以来的一切
1 回答
慕姐4208626
TA贡献1852条经验 获得超7个赞
1)首先你需要下载 node.js 和 npm : https://nodejs.org/en/
2）你需要安装npm。在项目根目录下运行
npm install
3) 你必须使用 npm 构建 app.js 脚本。在项目根目录下运行
npm run dev
添加回答
举报
0/150
提交
取消