Vue.js中的组件未加载到Laravel刀片中
已为laravel 5.4项目安装带有节点模块的vue js,但在我运行npm run watch后,不会显示组件 已安装的npm,已安装的vue.js在app.js中添加了vue.js文件示例,npm运行监视-无结果 刀片模板文件Vue.js中的组件未加载到Laravel刀片中,laravel,vue.js,npm,Laravel,Vue.js,Npm,已为laravel 5.4项目安装带有节点模块的vue js,但在我运行npm run watch后,不会显示组件 已安装的npm,已安装的vue.js在app.js中添加了vue.js文件示例,npm运行监视-无结果 刀片模板文件 <div id="app"> <h1>Test</h1> <h2>asda</h2> <example-component></example-co
<div id="app">
<h1>Test</h1>
<h2>asda</h2>
<example-component></example-component>
</div>
该组件应在页面刷新后加载,但不会加载。控制台中没有任何错误消息
如果您使用的是Webpack,您应该附加require。。。使用.default使其成为require…default。举例
确保导出组件中的默认值。举例
清理浏览器缓存,是否已在刀片文件中导入app.js文件?已清除浏览器缓存和视图缓存,仍未加载。如果我通过npm安装了app.js文件,我是否应该在blade中手动导入该文件?是的,您应该通过您的selfAdded.default在app.js中进行导入,但没有帮助。在示例组件中,我有导出默认函数。通常npm和vue安装足以从blade运行模板。
import Vue from 'vue';
Vue.component('example-component',
require('./components/ExampleComponent.vue'));
//Set toaster duration
Vue.config.productionTip = false
new Vue({
el: '#app',
components: {
}
})