關(guān)于Vue項(xiàng)目跨平臺(tái)運(yùn)行問題的解決方法
記錄一下踩坑
前幾天，從同事手上接手了一個(gè)Vue的項(xiàng)目。（Ps：剛?cè)肼殐芍?，老哥還專門寫了一個(gè)readMe，感謝）；
問題來了，從gitLab上面把項(xiàng)目上clone下來了，node環(huán)境什么的都配置好了，
npm install npm run dev
無法運(yùn)行，報(bào)錯(cuò)信息如下：
> NODE_ENV=development webpack-dev-server --open --inline --hot
'NODE_ENV' 不是內(nèi)部或外部命令，也不是可運(yùn)行的程序
或批處理文件。
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:
一開始以為是包的問題，安裝的時(shí)候出現(xiàn)過包的錯(cuò)誤和警告。運(yùn)用谷歌大法 ，也看了好幾篇博客，說的不是很詳細(xì) ，雖然是個(gè)小問題。（Ps：我確實(shí)比較菜）后面讓部門同樣的node環(huán)境運(yùn)行沒有問題，通過查找博客說的是Mac平臺(tái)和Windows問題的。
"scripts": {
"dev": "NODE_ENV=development webpack-dev-server --open --inline --hot",
"build": "NODE_ENV=production webpack --progress --hide-modules"
},
這是項(xiàng)目package.json中自帶的配置環(huán)境書寫，出現(xiàn)報(bào)錯(cuò)的原因是因?yàn)?windows平臺(tái)不支持這樣的寫法。要實(shí)現(xiàn)跨平臺(tái)通過node的一個(gè)模塊 cross-env 來實(shí)現(xiàn)。
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，成功運(yùn)行。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
element多個(gè)表單校驗(yàn)的實(shí)現(xiàn)
在項(xiàng)目中，經(jīng)常會(huì)遇到表單檢驗(yàn)，在這里我分享在實(shí)際項(xiàng)目中遇到多個(gè)表單同時(shí)進(jìn)行校驗(yàn)以及我的解決方法，感興趣的可以了解一下2021-05-05
vue3中安裝并使用CSS預(yù)處理器Sass的方法詳解
Sass是一種CSS預(yù)處理器,它擴(kuò)展了CSS的功能,提供了更高級(jí)的語法和特性,例如變量、嵌套、混合、繼承和顏色功能等,這些特性可以幫助開發(fā)者更高效地管理和維護(hù)樣式表,本文介紹vue3中安裝并使用CSS預(yù)處理器Sass的方法,感興趣的朋友一起看看吧2024-01-01
這篇文章主要介紹了vuepress打包之后頁面樣式丟失問題的兩種解決方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
ant-design-vue導(dǎo)航菜單a-menu的使用解讀
這篇文章主要介紹了ant-design-vue導(dǎo)航菜單a-menu的使用解讀，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
vue.set向?qū)ο罄镌黾佣鄬訑?shù)組屬性不生效問題及解決
這篇文章主要介紹了vue.set向?qū)ο罄镌黾佣鄬訑?shù)組屬性不生效問題及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue.js如何利用v-for循環(huán)生成動(dòng)態(tài)標(biāo)簽
這篇文章主要給大家介紹了關(guān)于Vue.js如何利用v-for循環(huán)生成動(dòng)態(tài)標(biāo)簽的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-01-01
實(shí)現(xiàn)Vue的markdown文檔可以在線運(yùn)行的方法示例
這篇文章主要介紹了實(shí)現(xiàn)Vue的markdown文檔可以在線運(yùn)行的方法示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12
這篇文章主要為大家詳細(xì)介紹了Vue3+Ts如何實(shí)現(xiàn)緩存,用戶搜索詞本地排名,延遲消費(fèi)或者消息隊(duì)列,用戶簽到和鎖,以及接口限流,還有全局ID等功能,需要的可以參考下2024-03-03
這篇文章主要介紹了vue3渲染函數(shù)(h函數(shù))的變化,文中給大家介紹了h函數(shù)的三個(gè)參數(shù)詳細(xì)說明及vue3 h函數(shù)-綁定事件，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-10-10
vue生命周期四個(gè)階段created和mount詳解
這篇文章主要介紹了vue生命周期四個(gè)階段created和mount,本文給大家介紹的非常詳細(xì),補(bǔ)充介紹了什么是實(shí)例,什么是實(shí)例被掛載到DOM,什么是dom,dao操作又是什么,感興趣的朋友跟隨小編一起看看吧2024-02-02