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
相关文章
- 拿别人的vue3.0项目怎么运行呢?报错信息·:npm ERR! Cannot read properties of null (reading ‘pickAlgorithm‘) npm ERR!
- 如何使用npm发布自己的npm包
- 如何搭建npm私服以及发布包
- css规则定义的分类,CSS规则定义英汉对照表[通俗易懂]
- css怎么改鼠标样式,如何利用CSS改变鼠标的样式
- 通过NPM生态系统中的依赖树揭开脆弱性传播及其演化的神秘面纱
- [前端]解决React npm包管理器及npx安装网络慢的方式
- 设置npm镜像_nodejs安装淘宝镜像
- CSS 换行_css不允许换行
- npm自动改版本号+博客静态源代码自动上传
- vue : 无法加载文件 C:UsersAdministratorAppDataRoamingnpmvue.ps1,因为在此系统上禁止运行脚本
- 入侵数百个网站和程序,NPM供应链攻击造成的影响不可估量
- 解决 npm install 报错 connect ECONNREFUSED 问题
- The Shapes of CSS(css的形状)详解编程语言
- Linux上安装及使用NPM(linuxnpm)
- CSS操作MySQL探索无可比拟的新空间(css操作mysql)
- MySQL登陆系统CSS实现一键登录(css mysql登陆)
- 使用NPM和Oracle给您带来的IT解决方案(npm oracle)
- 器使用Oracle CSS服务器提升业务效率(oracle css服务)