启动Preact应用时出现webpack-cli错误：未知选项'--inline'

嘿，这个问题我之前也碰到过！你遇到的[webpack-cli] Error: Unknown option '--inline'错误，本质是webpack-dev-server的新版本（v4及以上）已经移除了--inline这个命令参数，而且原来的--content-base也被重命名成了--static，你的start脚本还在用旧版本的配置，自然就不兼容了。

给你两个可行的解决方案，优先推荐第一个：

方案一：更新start脚本配置（推荐） #

直接修改package.json里的start脚本，移除过时的--inline，并替换--content-base为--static：

"start": "webpack-dev-server --hot --progress --static public --port 3333"

这里给你解释下改动的原因：

• --inline：在webpack-dev-server v4中，inline模式已经是默认启用的了，不需要再手动指定这个参数
• --content-base：v4里这个参数被重命名为--static，作用还是指定静态文件的目录，用法和之前一致

修改完之后，再运行npm start应该就能正常启动你的Preact应用了。

方案二：降级webpack-dev-server到旧版本（不推荐，仅作备选） #

如果你暂时不想修改脚本配置，可以降级到支持--inline参数的webpack-dev-server v3版本，执行以下命令：

npm install webpack-dev-server@3.11.2 --save-dev

不过还是建议优先用方案一，因为新版本会有更多的功能和修复。

内容的提问来源于stack exchange，提问作者Osanda Gamage