运行Angular项目时primeng-chart.js及primeng-editor.js报错求助

针对你遇到的编译报错，试试以下几个方案：

• 检查模块导入路径
  确保不要直接从primeng/fesm5/路径导入模块，而是使用PrimeNG的标准导入方式：

  // 正确写法
  import { ChartModule } from 'primeng/chart';
  import { EditorModule } from 'primeng/editor';
  

  错误的直接导入fesm5文件会触发Angular的模块解析错误。

• 添加CommonJS依赖白名单
  Angular 8对CommonJS模块的处理较为严格，而primeng-chart和primeng-editor可能依赖CommonJS包。在angular.json的build配置中添加allowedCommonJsDependencies：

  "projects": {
    "your-project-name": {
      "architect": {
        "build": {
          "options": {
            // 其他现有配置
            "allowedCommonJsDependencies": [
              "primeng/chart",
              "primeng/editor",
              "chart.js",
              "quill"
            ]
          }
        }
      }
    }
  }
  

  添加后重新执行ng build。

• 补全PrimeNG的 peer 依赖
  PrimeNG 9的Chart组件依赖chart.js，Editor组件依赖quill，如果你的项目里没安装这些依赖，会导致编译时找不到相关模块：

  npm install chart.js@^2.9.3 quill@^1.3.7 --save
  

  注意安装指定版本，避免和PrimeNG 9不兼容。

• 清理Angular CLI缓存
  除了npm缓存，Angular CLI自身也有缓存，执行以下命令清理：

  ng cache clean --all
  rm -rf node_modules package-lock.json
  npm install
  ng build
  

• 尝试切换Node版本
  Angular 8官方推荐的Node版本是10.9.x到12.x，你当前用的Node 14可能存在兼容性问题。用nvm切换到Node 12：

  nvm install 12
  nvm use 12
  

  之后重新安装依赖并构建项目。

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