Windows10下PowerShell运行Webpack项目报npm缺失build脚本求助

我之前也碰到过一模一样的跨平台脚本坑，你的情况大概率是命令分隔符不兼容搞出来的问题：

你在package.json里的start脚本用了分号;来串联两个命令：

"start": "npm run build; webpack-dev-server --open"

这个写法在Mac的Terminal（类Unix环境）里完全没问题，因为分号是Unix Shell的命令分隔符，会先执行npm run build，完成后再启动webpack-dev-server。但到了Windows的PowerShell（或默认的CMD）里，这个分号的解析逻辑完全不一样：

• 要是用CMD执行，它根本不把;当成命令分隔符，会把整个npm run build; webpack-dev-server --open当成一个完整的脚本名称，自然找不到对应的脚本；
• 就算用PowerShell，虽然它支持;做分隔符，但npm在Windows下默认会调用CMD来执行脚本命令，同样会出现解析错误。

具体解决办法： #

• 改成跨平台兼容的脚本写法：把分号替换成&&（表示前一个命令执行成功后再跑下一个），这个符号在Windows和Unix系统里都能正常识别：

  "scripts": {
    "build": "webpack --mode development",
    "start": "npm run build && webpack-dev-server --open",
    "lint": "eslint src/*.js",
    "test": "karma start karma.conf.js"
  }
  

  如果你希望不管build命令是否成功都强制启动开发服务器，可以换成&：

  "start": "npm run build & webpack-dev-server --open"
  

• 升级npm版本（可选）：如果你的Windows上npm版本比较旧，可能对跨平台脚本的支持不够完善，执行下面的命令升级到最新稳定版：

  npm install -g npm@latest
  

• 检查PowerShell执行策略（兜底方案）：虽然这个一般不会导致"missing script"错误，但如果后续遇到脚本执行权限问题，可以先执行Get-ExecutionPolicy查看当前策略，要是显示Restricted，就用管理员身份打开PowerShell，执行Set-ExecutionPolicy RemoteSigned，按提示输入Y确认即可。

修改完脚本后，重新跑npm run start应该就能正常启动开发服务器了～

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