Javascript 源映射错误：请求失败，状态为404资源URL:http://{mywebsite}/js/app.js源映射URL:bootstrap.js.map-laravel-Vue

在发布帖子时，我在网络控制台上看到了上述错误

源映射错误：请求失败，状态为404资源 资源URL:http://{mywebsite}/js/app.js 源映射URL:bootstrap.js.Map

我的resourcces/js/app.js如下所示

    [const app = new Vue({
    el: '#app',
    data: {
    msg: 'Update new Post:',
    content:'', 
    },
    methods:{
        addPost(){

            axios.post('myid.web/home/addPost', {
                content:this.content
            })
            .then(function(response){
                console.log(response);
            })
            .catch(function(error){
                console.log(error);
            });
        }
    }
});][1]

 let mix = require('laravel-mix');
mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css');

webpack.js看起来像这样

    [const app = new Vue({
    el: '#app',
    data: {
    msg: 'Update new Post:',
    content:'', 
    },
    methods:{
        addPost(){

            axios.post('myid.web/home/addPost', {
                content:this.content
            })
            .then(function(response){
                console.log(response);
            })
            .catch(function(error){
                console.log(error);
            });
        }
    }
});][1]

 let mix = require('laravel-mix');
mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css');

---

我也有同样的问题，并遵循了Biswas的评论。转到webpack.mix.js并更改

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

到

---

你能给我看看你的路线文件吗？需要吗？因为它认为映射源文件时出错。我不知道该怎么做。运行

npm run dev

，它没有被编译或其他什么。另外，请参阅文档：在mix.js行和.sass行之间添加.sourceMaps（），而不是运行npm run production