linux下安装webpack遇到的问题

Error: Cannot find module 'webpack-cli'

    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)

    at Function.Module._load (internal/modules/cjs/loader.js:507:25)

    at Module.require (internal/modules/cjs/loader.js:637:17)

    at require (internal/modules/cjs/helpers.js:22:18)

    at runCommand.then (/root/.nvm/versions/node/v10.15.0/lib/node_modules/webpack/bin/webpack.js:142:5)

    at process._tickCallback (internal/process/next_tick.js:68:7) code: 'MODULE_NOT_FOUND' }

[root@localhost webpack]# npm i webpack -g

很顺利就安装好了webpack

[root@localhost webpack]# webpack -h

但是就当我查看webpack命令的时候

One CLI for webpack must be installed. These are recommended choices, delivered as separate packages:

- webpack-cli (https://github.com/webpack/webpack-cli)

  The original webpack full-featured CLI.

We will use "npm" to install the CLI via "npm install -D".

Do you want to install 'webpack-cli' (yes/no):

我没有多思考就yes

然后就报出了最上面的错误

后来发现我现在的路径是[root@localhost webpack]# 但是我是 -g全局安装的webpack

但是当我输入yes的时候，系统查找的是我当前路径下的package.json当然了就无法安装了毕竟 webpack安装在全局，webpack-cli也得全局安装

[root@localhost webpack]# npm i webpack-cli -g

当然我就想看一下我之前全局安装过的npm 包都有哪些：

[root@localhost webpack]# npm list -g --depth

/root/.nvm/versions/node/v10.15.0/lib

├── [email protected]

├── [email protected]

├── [email protected]

├── [email protected]

└── [email protected]

我是在深度deepin4.15.0的Linux系统上搭建的环境,node和npm版本如下：

在安装node-sass的过程中确实很容易遇到的坑

1、一开始安装的时候一直报错，看报错也没仔细，在网上找了各种安装node-sass的方法，均失败；

2、后来仔细看了一下是g++命令执行失败导致的，这种情况是Linux *** 作系统g++版本的问题，属于g++低版本的原因。

报错当时忘记截图了，后来也没找到，所以就不附报错内容了。

3、先更新系统g++版本

a.先更新安装更新gcc（需要在root权限下去更新）：

sudo apt-get install gcc

b.再安装更新g++（需要在root权限下去更新）：

sudo apt-get install g++

4、这样g++就安装好了，可以开始安装node-sass了，本以为会一路绿灯，无奈事与愿违；

刚开始安装node-sass是4.5.3的版本安装报错如下：

出现这种报错情况一般是版本的问题导致。

5、安装node-sass的4.12.0版本没有报错就算成功了：

npm install [email protected]

(可以加 -g 或 -save-dev 进行全局或局部安装)

6、安装sass-loader的7.1.0版本没有报错就算成功的；

npm install [email protected]

(可以加 -g 或 -save-dev 进行全局或局部安装)

7、可以到package.json文件中查看包是否存在

总结： 安装各种webpack的依赖经常会出现这种或那样的问题，需要我们仔细分析一下报错才行。虽然网上有各种问题的安装方法，但按照他们的也许可行，也许不可行，但总会耗费自己的大量时间。所以仔细分析自己的报错是什么原因导致的，才能对症下药快速解决问题。

1.检查是否有安装npm。

在windows系统下，同时按下windows+R调出命令，输入CMD，如下图：

图1

打开命令工具，输入命令：npm -v

如下图：

图2

图中显示了5.6.0说明已经安装了npm，显示的5.6.0是npm的版本，如果没有安装的话就要先去安装一下npm之后再继续接下去的 *** 作；

2.进入项目文件夹并生成package.json文件。

新建一个空文件newitem，如下图：

图3

然后用命令工具进入这个新项目的空文件夹，然后再输入npm init，如下图：

图4

3.为项目添加webpack依赖。

在命令工具中输入命令：npm install webpack --save-dev

如下图：

图5

完成以上 *** 作之后你会发现你新建的项目文件里面多了一些文件，如下图：

图6

4.新建webpack.config.js配置文件。

图7

接着就可以通过package.json文件中的scripts来启动不同的服务，而webpack.config.js文件是用来设置webpack相关服务内容的。

下一篇文章再具体讲解如何在webpack.config.js之中进行各种配置了。

---