Erreur de carte source: la requête a échoué avec le statut 404 URL de ressource: http: // {mywebsite} /js/app.js URL de carte source: bootstrap.js.map-laravel-Vue

Question

Tout en postant, je reçois l'erreur ci-dessus sur la console Web.

Erreur de carte source: la requête a échoué avec le statut 404 URL de la ressource: http: // {mywebsite} /js/app.jsSource URL de la carte: bootstrap.js.map

Mes ressources/js/app.js ressemblent à ceci 

    [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]

Et le webpack.js ressemble à ceci 

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

Ma sortie partiellement active

Et mon erreur ressemble à ceci

Answer 1

J'ai eu le même problème et suivi Biswas commenter. Allez sur votre webpack.mix.js et changez

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();