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的默认安装目录

一、为全局安装建立一个安装目录   

　　mkdir ~/.npm-global

 

二、配置npm以使用新的目录路径

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

 

三、打开或建立一个~/.profile文件并添加如下行

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

 

四、而后全局安装npm便可

　　npm install 

 

五、而后你惊奇的会发现以前全局安装不下来的东西均可如下载下来了

　　　　在success出现的那一刻，会以为整个虚拟机都美艳不可方物~

 

方法二：使用节点版本管理器从新安装（高效适合高手）

一、因为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

 

二、安装完以后验证登录系统将提示您输入用户名，密码和电子邮件。请务必使用与在网站上输入的用户名彻底相同的方式拼写您的用户名，不然您将建立一个新账户。

　　npm login

 

三、要测试您是否已成功登陆  

　　npm whoami

 

四、而后尝试更新你的npm版本

　　npm install npm@next -g

声明：本文为博主学习感悟总结，水平有限，若是不当，欢迎指正。若是您认为还不错，欢迎转载。转载与引用请注明做者及出处。