vue項(xiàng)目從node8.x升級(jí)到12.x后的問(wèn)題解決
開(kāi)始使用低于vue-cli3創(chuàng)建的項(xiàng)目,在更新node到12.x后,項(xiàng)目運(yùn)行不起來(lái)了,這個(gè)讓我想起我剛使用react時(shí),安裝的依賴,過(guò)了半年后,項(xiàng)目也運(yùn)行不起來(lái),在這了記錄下(時(shí)間:2019-10-24)
1.版本更新后報(bào)錯(cuò)
更新node后,原來(lái)的vue項(xiàng)目的node Sass環(huán)境變了,導(dǎo)致項(xiàng)目跑不起來(lái)
Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 12.x
Found bindings for the following environments:
- Windows 64-bit with Node.js 8.x
- Windows 64-bit with Node.js 12.x
This usually happens because your environment has changed since running `npm install`.
Run `npm rebuild node-sass` to download the binding for your current environment.

我開(kāi)始以為是要執(zhí)行這條命令npm rebuild node-sass,然后執(zhí)行發(fā)現(xiàn),他要我安裝Python環(huán)境
Error: Can't find Python executable "python", you can set the PYTHON env variable.
然后我執(zhí)行npm i node-sass -D這條命令后,node-sass安裝成功,同時(shí),項(xiàng)目能夠運(yùn)行起來(lái)了
2.node使用nvm后
因?yàn)槲耶?dāng)時(shí)想嘗試使用nvm來(lái)進(jìn)行node更新,所以使用了nvm安裝,但是,因?yàn)槲覜](méi)有更改nvm的配置,導(dǎo)致node下載太慢,我就中斷了nvm下載
此時(shí),因?yàn)槭褂昧薾vm,并且,我是在已經(jīng)安裝了node情況下進(jìn)行nvm安裝升級(jí)的,然后在安裝nvm時(shí),我也選擇了他自動(dòng)幫我選的安裝文件夾C:/Program Files/nodejs,nvm自動(dòng)的幫我把原來(lái)的node文件刪除了,并且在環(huán)境變量中的系統(tǒng)變量和用戶變量?jī)烧叨技尤肓薾vm的path
不想等nvm安裝,就直接在官網(wǎng)上下載了最新的穩(wěn)定版本進(jìn)行安裝
我使用的是webstrom,然后在webstrom中的命令行中執(zhí)行node -v,提示系統(tǒng)找不到路徑,即使在webstrom中的設(shè)置里配置好了node的安裝路徑,并且重新啟動(dòng)了webstrom,還是提示找不到路徑
在windows中使用命令行是可以執(zhí)行node -v的
這個(gè)時(shí)候,我沒(méi)有重啟電腦,不是很確定是否是電腦沒(méi)有重啟的原因
在沒(méi)有重啟電腦的前提下,我就把node卸載后重新安裝了,此時(shí)還是無(wú)法在webstrom中執(zhí)行node
我就把nvm的環(huán)境變量配置都刪除了,但是此時(shí)還是一樣,我就重啟了電腦,發(fā)現(xiàn)webstrom能夠執(zhí)行node命令了
有很大概率是因?yàn)槲覜](méi)有重啟導(dǎo)致的(沒(méi)有測(cè)試,不是很確定)
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
vue 多入口文件搭建 vue多頁(yè)面搭建的實(shí)例講解
下面小編就為大家分享一篇vue 多入口文件搭建 vue多頁(yè)面搭建的實(shí)例講解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
vue3?圖片懶加載的兩種方式、IntersectionObserver和useIntersectionObserve
這篇文章主要介紹了vue3?圖片懶加載的兩種方式、IntersectionObserver和useIntersectionObserver實(shí)例詳解,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03
vue-router實(shí)現(xiàn)webApp切換頁(yè)面動(dòng)畫(huà)效果代碼
本篇文章主要介紹了vue實(shí)現(xiàn)app頁(yè)面切換效果實(shí)例代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05
vue中如何使用xlsx讀取excel文件實(shí)例代碼
在Vue中使用xlsx庫(kù)可以幫助我們讀取和寫(xiě)入Excel文件,下面這篇文章主要給大家介紹了關(guān)于vue中如何使用xlsx讀取excel文件的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12
vuejs2.0實(shí)現(xiàn)一個(gè)簡(jiǎn)單的分頁(yè)示例
本篇文章主要介紹了vuejs2.0實(shí)現(xiàn)一個(gè)簡(jiǎn)單的分頁(yè)示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
Vue Element校驗(yàn)validate的實(shí)例
這篇文章主要介紹了Vue Element校驗(yàn)validate的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09
解決vue項(xiàng)目router切換太慢問(wèn)題
這篇文章主要介紹了解決vue項(xiàng)目router切換太慢問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
關(guān)于element中el-cascader的使用方式
這篇文章主要介紹了關(guān)于element中el-cascader的使用方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-08-08

