npm安装webpack失败(mac和window都可能会遇到这样的情况,以下问题主要以mac为例)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了npm安装webpack失败(mac和window都可能会遇到这样的情况,以下问题主要以mac为例)相关的知识,希望对你有一定的参考价值。

  

   问题描述:我想查看一下webpack的版本,于是输入了命令webpack -v, 结果如下图所示:

  

  注:这里提示我们要安装webpack-cli,是因为到了webpack4, webpack 已经将 webpack 命令行相关的内容都迁移到 webpack-cli包

 

  解决方法:

    sudo npm uninstall webpack -g (卸载webpack)
    sudo npm install webpack -g (全局安装webpack)

    sudo npm install webpack-cli -g  (这里安装webpack-cli,一定要注意,苹果电脑需要加上sudo,否则会一直报错,提示找不到webpack-cli,如下图)

    

  注:为什么这里安装webpack-cli需要在命令行前面加上sudo?

     因为在mac下依赖包要写入系统重要文件夹里,由于没有先获取root权限,所以导致写入失败,安装失败。 

 

    附:  为什么Mac安装插件前面要加上sudo?

      https://www.zhihu.com/question/31723552

以上是关于npm安装webpack失败(mac和window都可能会遇到这样的情况,以下问题主要以mac为例)的主要内容,如果未能解决你的问题,请参考以下文章

MAC 安装vue本地环境,nodejs npm webpack关系

【Web前端基础】webpack全局安装失败怎么办?

npm下scripts执行多条命令下mac与windows的差异

mac无法npm run dev VUE项目

windows 使用npm安装webpack 4.0以及配置问题的解决办法

vue init webpack 创建项目失败