關於Vue項目運跨平臺問題—踩坑記_01

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"
  }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章