【問題解決記錄】Error: Cannot find module '@ionic/app-scripts'


主要問題為:

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. 終於成功,鼓掌!鮮花!不容易啊,一天都在填坑。

 

希望能夠幫助到大家,有疑問可以評論,大家一起解決


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM