Angular 11执行ng serve -o报错，mini-css-extract-plugin问题求助

• 锁定兼容版本的mini-css-extract-plugin
  Angular 11适配的webpack版本为4.x，对应mini-css-extract-plugin需使用^0.9.0版本，执行以下命令安装：
  npm install mini-css-extract-plugin@^0.9.0 --save-dev

• 清理依赖缓存并重装

  • 删除本地依赖文件夹：rm -rf node_modules（Windows系统执行rmdir /s /q node_modules）
  • 删除依赖锁定文件：rm package-lock.json
  • 重新安装全部依赖：npm install

• 校验angular.json配置
  确认项目根目录的angular.json中，build配置的CSS提取设置正确，Angular 11默认启用该配置，若有自定义修改需确保：

"build": {
  "options": {
    "extractCss": true,
    // 其他配置项...
  }
}

• 同步Angular CLI版本
  Angular 11需搭配同版本的CLI，执行命令安装对应稳定版：
  npm install @angular/cli@11.2.19 --save-dev

• 排查第三方依赖冲突
  部分第三方库可能引入高版本的mini-css-extract-plugin，执行npm ls mini-css-extract-plugin查看依赖树定位冲突包，通过resolutions字段强制锁定版本：

  1. 安装依赖锁定工具：npm install npm-force-resolutions --save-dev
  2. 在package.json中添加：

  "resolutions": {
    "mini-css-extract-plugin": "^0.9.0"
  }
  

  3. 重新执行npm install

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