web-dev-qa-db-ja.com

ソースマップエラー：リクエストがステータス404で失敗しましたリソースURL：http：// {mywebsite} /js/app.jsソースマップURL：bootstrap.js.map-laravel-Vue

投稿を投稿しているときに、Webコンソールで上記のエラーが発生します。

ソースマップエラー：ステータス404でリクエストが失敗しましたリソースリソースURL：http：// {mywebsite} /js/app.jsソースマップURL：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');

私の部分的に動作している出力

そして私のエラーはこのようになります

javascriptlaravelvue.js
12
Biswas Sampad

同じ問題があり、ビスワスのコメントに従いました。 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();
1
Christian