【发布时间】: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 中的星号