Vue項目跨平臺運行
前幾天,從同事手上接手了一個Vue的項目。(Ps:剛入職兩週,老哥還專門寫了一文檔給我,感謝);
問題來了,從gitLab上面把項目上clone下來了,node環境什麼的都配置好了
node運行之後,提示錯誤,報錯信息如下:
> NODE_ENV=development webpack-dev-server --open --inline --hot
'NODE_ENV' 不是內部或外部命令,也不是可運行的程序
或批處理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! dev: `NODE_ENV=development webpack-dev-server --open --inline --hot`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] 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:
一開始以爲是包的問題,安裝的時候出現過包的錯誤和警告。運用谷歌大法 ,也看了好幾篇博客,說的不是很詳細,。後面讓部門同樣的node環境運行沒有問題,通過查找博客說的是Mac平臺和Windows問題的。
明知道是個小問題,一開始不怎麼熟悉,浪費了一點時間。
"scripts": {
"dev": "NODE_ENV=development webpack-dev-server --open --inline --hot",
"build": "NODE_ENV=production webpack --progress --hide-modules"
},
出現報錯的原因是因爲 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"
}