Question

我开始在laravel中使用vue。但是，在我制作新组件并在我的刀片模板中使用它之后，它没有显示出来。清除浏览器中的所有缓存。检查了不同的解决方案但没有任何帮助。

import quickreplies from './components/PageList.vue';

// Vue.component('example-component', require('./components/ExampleComponent.vue'));


const app = new Vue({
    el: '#chatleads',
    components : {
        quickreplies
    }
});

即使我删除了注释行仍然有效。 example-component正在运行。这很奇怪。

webpack.mix.js

let mix = require('laravel-mix');


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

在我的默认布局

<script src="{{ mix('js/app.js') }}"></script>

任何人都可以告诉我如何克服这个问题吗？

注意：我在窗户中使用流浪汉。

Answer 1

尝试添加version方法：

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

它将在文件名中添加特殊前缀，并将加载新文件（而不是从浏览器缓存中）。 versioning

Answer 2

你有这个错误的唯一原因是你的Laravel，npm和节点版本。我实际上发了这个，搜索了几天的解决方案。直到我弄清楚了。所以 1）我将我的Laravel从5.6降级到5.4进行测试 2）我升级了我的npm和Node。 3）我安装交叉环境 4）我运行Npm安装 5）我跑了npm run dev 6）我跑了npm run warch

在这些踩踏之后，它完美地运作了。所以我认为你需要查看版本

Laravel 5.6上找不到新的Vue组件

2 个答案: