主要問題為:
ionic serve 編譯在瀏覽器中預覽項目時,提示報錯 Error: Cannot find module '@ionic/app-scripts'。這個問題的主要現象就是創建的項目node_modules文件夾中沒有任何文件
一點小嘮叨
之前使用node 6.4/ionic 3.5版本的時候,項目編譯一直沒問題,今天重裝了nodejs,版本升高至 V8.4.0,ionic版本升高為3.9.2,正常創建命令后,編譯一直報錯,在網是找了好久,終於找到了一個小的突破口。
解決過程:
1. 使用管理員身份運行命令提示符
開始——搜索——命令提示符——“右鍵”——管理員取得所有權
開始——搜索——命令提示符——“右鍵”——以管理員身份運行
因為之前安裝ionic時,雖然成功了,但是有好多飄紅的,所以這里我將ionic重裝了一遍
2. 重裝 ionic
npm install -g cordova ionic
這次安裝沒有出現飄紅的,說明剛才因為不是管理員權限,有些東西沒有安裝成功。而且這時項目文件夾中node_modules增加了很多文件
3. 在成功安裝ionic 后,繼續安裝 報錯中缺失的 '@ionic/app-scripts',具體說明見NPM官網
npm install @ionic/app-scripts@latest --save-dev
在我以為成功的時候,cd到項目所在目錄下,輸入 ionic serve命令 ,依舊報錯,我的內心是崩潰的,報錯內容為Error: Cannot find module '@typescript'
4.運行以下命令 安裝typescript,看了這個網址(若打不開請自行翻牆)上大家討論的,大致意思是說給VScode使用的typesc和node所需要的typescript組件不是同一個,所以即使我們使用 npm install -g typescript 裝了typescript 也無濟於事
npm install // 不確定這個命令是否需要,看了這個https://github.com/ionic-team/ionic-app-scripts/issues/542,有人說運行了,我也就嘗試了下 --------------------------------------------------------------------------------------------- npm install in typescript-tools // 就我看來是這句起效了https://github.com/clausreinke/typescript-tools/issues/59
這時我接着輸入命令 ionic serve ,依舊報錯
具體報錯文字:
Error: %1 is not a valid Win32 application.
\\?\E:\ionic_app\tutorial\node_modules\node-sass\vendor\win32-x64-57\binding.nod
e
在網上谷歌了答案,每次有問題用百度永遠找不到答案,推薦谷歌。牛牛的.....這不是崇洋媚外,這是事實啊!
5. 終端輸入命令
npm install node-sass
github貼子上(點擊跳轉若打不開請自行翻牆)大家討論,好像是因為node的版本和node-sass的版本沒匹配上,才導致出現這類問題
6. 終於成功,鼓掌!鮮花!不容易啊,一天都在填坑。
希望能夠幫助到大家,有疑問可以評論,大家一起解決