npm缺少css-loader,/style-compiler,stylus-loader問題,npm沒有權限無法全局更新問題【已解決】


ERROR in ./node_modules/css-loader!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-a5e4f82a","scoped":false,"hasInlineConfig":false}!./node_modules/stylus-loader?{"import":["~@didi/ada/style/mixins.styl","/home/xiaoju/manhattan-hera-webapp/client/style/base.styl"]}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0&bustCache!./client/components/panel_links.vue
Cannot find module 'postcss-import'
@ ./node_modules/style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-a5e4f82a","scoped":false,"hasInlineConfig":false}!./node_modules/stylus-loader?{"import":["~@didi/ada/style/mixins.styl","/home/xiaoju/manhattan-hera-webapp/client/style/base.styl"]}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0&bustCache!./client/components/panel_links.vue 4:14-454
@ ./client/components/panel_links.vue
@ ./client/app.ts
@ multi ./client/app.ts

如下圖:

 

 

在測試項目的時候,部署前端在啟動前端環境的時候遇到缺少組件css-loader,/style-compiler,stylus-loader,嘗試了開啟外網,npm的全局安裝,單獨安裝組件( npn install stylus-loader css-loader style-loader style-compiler  --save-dev)后無果,最后在前端大神的指導下,發現是npm的目錄沒有權限,然后找到了破解npm無法全局安裝下載的最新辦法!親測有效!

 

 

方法一:

更改npm的默認安裝目錄

1、為全局安裝創建一個安裝目錄   

  mkdir ~/.npm-global

 

2、配置npm以使用新的目錄路徑

  npm config set prefix '~/.npm-global'

 

3、打開或創建一個~/.profile文件並添加以下行

  export PATH=~/.npm-global/bin:$PATH

 

4、然后全局安裝npm即可

  npm install 

 

5、然后你驚奇的會發現之前全局安裝不下來的東西都可以下載下來了

    在success出現的那一刻,會覺得整個虛擬機都美艷不可方物~

 

方法二:使用節點版本管理器重新安裝(高效適合高手)

1、由於npm和node.js產品由不同的實體管理,因此更新和維護可能變得復雜。此外,Node.js安裝過程將npm安裝在僅具有本地權限的目錄中。當您嘗試全局運行包時,這可能會導致權限錯誤。

為了解決這兩個問題,許多開發人員選擇使用節點版本管理器nvm來安裝npm。版本管理器將避免權限錯誤,並將解決更新Node.js和npm的復雜性。

此外,開發人員可以使用nvm在多個版本的npm上測試他們的應用程序。nvm使您可以輕松切換npm以及節點版本。這樣可以更輕松地確保您的應用程序適用於大多數用戶,即使他們使用的是其他版本的npm。如果您決定安裝版本管理器,請使用您選擇的版本管理器的說明來學習如何切換版本,並了解如何使用最新版本的npm保持最新。

nvm如何安裝具體請參考

 

https://github.com/creationix/nvm/blob/master/README.md#installation

 

2、安裝完之后驗證登陸系統將提示您輸入用戶名,密碼和電子郵件。請務必使用與在網站上輸入的用戶名完全相同的方式拼寫您的用戶名,否則您將創建一個新帳戶。

  npm login

 

3、要測試您是否已成功登錄  

  npm whoami

 

4、然后嘗試更新你的npm版本

  npm install npm@next -g



聲明:本文為博主學習感悟總結,水平有限,如果不當,歡迎指正。如果您認為還不錯,歡迎轉載。轉載與引用請注明作者及出處。

 


免責聲明!

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



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