javascript - 源映射错误 : request failed with status 404 Resource URL: http://{mywebsite}/js/app. js 源映射 URL : bootstrap. js.map-laravel-Vue

Question

在发布帖子时，我在 Web 控制台上收到上述错误。

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

我的资源/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]

webpack.js 看起来像这样

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

My partially working output

And my error looks like this

Answer 1

我遇到了同样的问题并关注了 Biswas 的评论。转到您的 webpack.mix.js 并更改

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

到

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