1. 程式人生 > >laravel5.4中npm run dev報錯

laravel5.4中npm run dev報錯

仔細看了一下時間真的是好久都沒有寫部落格了,去年還在認真記錄遇到的每一個問題和新學到的知識,真的是慚愧。那麼今天就記錄一下npm run dev的問題

1.安裝laravel5.4

composer create-project laravel/laravel zcms 5.4

2.npm

npm install

3.npm run dev

按照文件來說這時候應該已經成功了,但是這個地方我出現了兩個錯誤。

1.找不到cross-env模組

解決方法:
找到package.json,修改cross-env路徑,bin前加dist

"scripts":
{ "dev": "node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "watch": "node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --
watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "hot": "node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", "production": "node_modules/cross-env/dist/bin/cross
-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" }

這時候在執行npm run dev的時候已經不報cross-env的錯誤了。
2.亂七八糟的錯誤,什麼public不是一個絕對路徑

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
- configuration.output.path: The provided value “public” is not an absolute path!
這裡是全部的報錯資訊。這裡的解決辦法查了好久,原來是laravel-mix本身的bug
不多說,找到package.json直接升級laravel-mix到0.10.0,然後npm update

"devDependencies": {
    "axios": "^0.15.2",
    "bootstrap-sass": "^3.3.7",
    "jquery": "^3.1.0",
    "laravel-mix": "^0.10.0",
    "lodash": "^4.16.2",
    "vue": "^2.0.1"
}

終於看到了Done Compiled successfully!