【问题标题】:NPM compiles corrupted app.jsNPM 编译损坏的 app.js
【发布时间】:2017-12-13 12:39:13
【问题描述】:

我正在使用 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,但每次对组件进行任何更改时,我都必须永远等待

【问题讨论】:

  • 你使用什么操作系统?
  • Linux x86_64 GNU/Linux
  • 您在使用您的应用程序时是否有任何错误?你能发布那个编译的 app.js 文件吗
  • 使用 app.js 和错误图像编辑帖子
  • 检查您的源文件,其中必须有一个带有稍后出现在已编译 app.js 中的星号

标签: laravel npm vuejs2


【解决方案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

我希望这对某人有所帮助

【讨论】: