NPM编译损坏的app.js.

Question

我正在使用Laravel 5.5预设vue，每次运行npm install && npm run dev时，我都会收到包含损坏字符的app.js，整整一行*******

通常这发生在文件app.js

的末尾

我的package.json

"private": true,
"scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"devDependencies": {
    "axios": "^0.17",
    "bootstrap-sass": "^3.3.7",
    "cross-env": "^5.1",
    "jquery": "^3.2",
    "laravel-mix": "^1.0",
    "lodash": "^4.17.4",
    "vue": "^2.1.10",
    "vuetify": "1.0.0-alpha.2"
}

assets / js / app.js文件

require('./bootstrap');

window.Vue = require('vue');
window.Vuetify = require('vuetify');

Vue.use(Vuetify);
Vue.component('example-component', require('./components/ExampleComponent.vue'));
Vue.component('example-vuetify', require('./components/ExampleVuetify.vue'));

const app = new Vue({
    el: '#app'
});

我设法解决这个问题的唯一方法是运行rm -rf node_modules && npm cache clean && npm install && npm run dev，但每次我对组件进行任何更改时都必须等待

Answer 1

似乎根本无法解决这个问题，我设法解决这个问题的最佳方法是运行：

rm public/mix-manifest.json && rm public/css/app.css && rm public/js/app.js && npm cache clear --force && npm install && npm run dev

我希望这有助于某人