記錄一下踩坑

前幾天，從同事手上接手了一個Vue的項目。（Ps：剛入職兩周，老哥還專門寫了一個readMe，感謝）；

問題來了，從gitLab上面把項目上clone下來了，node環境什么的都配置好了，

npm installnpm run dev

無法運行，報錯信息如下：

> NODE_ENV=development webpack-dev-server --open --inline --hot
 
'NODE_ENV' 不是內部或外部命令，也不是可運行的程序
或批處理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! ubilltools@1.0.0 dev: `NODE_ENV=development webpack-dev-server --open --inline --hot`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the ubilltools@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
 
npm ERR! A complete log of this run can be found in:

一開始以為是包的問題，安裝的時候出現過包的錯誤和警告。運用谷歌大法 ，也看了好幾篇博客，說的不是很詳細 ，雖然是個小問題。（Ps：我確實比較菜）后面讓部門同樣的node環境運行沒有問題，通過查找博客說的是Mac平臺和Windows問題的。

"scripts": {  "dev": "NODE_ENV=development webpack-dev-server --open --inline --hot",  "build": "NODE_ENV=production webpack --progress --hide-modules" },

這是項目package.json中自帶的配置環境書寫，出現報錯的原因是因為 windows平臺不支持這樣的寫法。要實現跨平臺通過node的一個模塊 cross-env 來實現。

npm install cross-env

在package.json添加 cross-env 就可以了：

 "scripts": {  "dev": " cross-env NODE_ENV=development webpack-dev-server --open --inline --hot",  "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" },

再npm run dev，成功運行。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。