[webpack-cli] Error: Unknown option '--inline'

这个错误通常是由 webpack 版本和 webpack-cli 版本不兼容引起的，webpack-cli 的版本过低导致无法识别 webpack 的某些选项。

你可以尝试升级 webpack-cli 的版本，使用以下命令：

npm install webpack-cli@latest -g

如果你的项目中已经安装了 webpack-cli，也可以将其升级到最新版本：

npm install webpack-cli@latest --save-dev

如果升级后仍然出现类似的错误，可以尝试升级 webpack 的版本，或者将 webpack 的选项改为 webpack-cli 支持的选项。

相关问题

[webpack-cli] Error: Unknown option '--inline' [webpack-cli]

This error message indicates that webpack-cli does not recognize the option "--inline".

The "--inline" option is used to specify whether to use webpack's inline mode or not. If you are using an older version of webpack-cli, it may not support this option.

To fix this error, you can try updating your webpack-cli to the latest version, or remove the "--inline" option from your webpack command. Alternatively, you can use the "--mode" option to specify the build mode (e.g. development or production), which will automatically set the inline mode to true or false.

[webpack-cli] error: unknown option '--inline'

### 回答1：
这个错误消息表明你在使用webpack-cli命令行工具时，输入了一个不被识别的选项 "--inline"。可能是你的webpack版本过低或者该选项已经被弃用了。请检查你的webpack版本并确认使用的选项是否正确。

### 回答2：
在使用 webpack 进行项目构建的过程中，我们通常会使用 webpack-cli 命令行工具来执行 webpack 相关的操作。在执行特定的 webpack 命令时，我们还可以通过添加不同的选项来控制 webpack 的行为。

然而，有的时候在执行 webpack-cli 命令时，可能会遇到一些错误提示。比如在执行 webpack-dev-server 命令时，可能会遇到类似“[webpack-cli] error: unknown option '--inline'”这样的错误提示。

这个错误提示通常是由于我们在执行 webpack-dev-server 命令时，使用了一个已经废弃的选项“--inline”。这个选项原本是用来启用 webpack-dev-server 的 inline 模式，即将 webpack-dev-server 的客户端脚本注入到 HTML 中，以方便自动刷新页面等操作。然而，自从 webpack-dev-server 的版本升级到3.x之后，这个选项已经被取消了。

如果在执行 webpack-dev-server 命令时，我们仍然使用“--inline”选项，系统就会提示该选项不存在，从而导致错误。解决这个问题的方法很简单，只需要将“--inline”选项替换成新的“--liveReload”选项即可。这个新选项的作用和原来的“--inline”选项类似，是用来启用 webpack-dev-server 的自动刷新功能的。

综上所述，当我们在使用 webpack-cli 命令行工具时，一定要注意选项和命令的正确使用，避免出现类似“[webpack-cli] error: unknown option '--inline'”这样的错误提示，从而提高项目构建的效率和质量。

### 回答3：
当在使用webpack进行打包时，遇到错误提示[webpack-cli] error: unknown option '--inline'，这是因为webpack-cli版本过低或缺少相应的plugin造成的。

在webpack4之前，开启热更新需要通过webpack-dev-server来实现，而webpack-dev-server中的--inline是用来将热更新的代码注入到HTML页面中的。但是在webpack4中，webpack和webpack-dev-server已经合并成一个工具，所以不需要单独安装webpack-dev-server。

正确的做法是：在package.json中添加如下代码：

"scripts": {
  "start": "webpack-dev-server --mode development --open",
}

不需要再使用--inline参数，直接运行npm start即可启动webpack-dev-server，实现热更新。

如果还是遇到此错误，建议检查webpack-cli的版本是否过低，可通过以下代码升级webpack-cli版本：

npm install webpack-cli@latest -D

同时，可检查是否缺少webpack-dev-server插件，可通过以下代码安装：

npm install webpack-dev-server -D

以上步骤操作后，重新尝试打包即可正常运行。