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

Posted 2023-02-22

【中文标题】源映射错误：请求失败，状态为 404 资源 URL：http://mywebsite/js/app.js 源映射 URL：bootstrap.js.map-laravel-Vue

【英文标题】：Source map error: request failed with status 404 Resource URL: http://mywebsite/js/app.js Source Map URL: bootstrap.js.map-laravel-Vue源映射错误：请求失败，状态为 404 资源 URL：http://mywebsite/js/app.js 源映射 URL：bootstrap.js.map-laravel-Vue

【发布时间】：2018-09-18 10:54:08

【问题描述】：

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

源映射错误：请求失败，状态为 404 资源 资源网址：http://mywebsite/js/app.js 源地图网址：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

【问题讨论】：

你能给我看看你的路线文件吗？

需要吗？因为它认为映射源文件是错误的。我不知道该怎么做。

运行npm run dev，它没有被编译什么的

另见文档：laravel.com/docs/5.6/frontend#writing-javascript

在 mix.js 行和 .sass 行之间添加 .sourceMaps() 而不是运行 npm run production

【参考方案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();