使用Angular-CLI创建Angular5新项目启动失败求助

我之前维护旧Angular项目时也碰到过一模一样的报错，给你几个亲测有效的解决方案，按顺序试试：

• 检查tsconfig.json的编译配置
  首先打开项目根目录下的tsconfig.json，确认files数组里明确包含了src/main.ts，或者include数组覆盖了src目录下的所有文件。正确的配置示例应该是这样：

  {
    "compilerOptions": {
      // 你的其他编译配置
    },
    "files": [
      "src/main.ts",
      "src/polyfills.ts"
    ],
    "include": [
      "src/**/*"
    ]
  }
  

  如果之前的配置里没加，补上之后保存，再尝试启动项目。

• 清理缓存并重新安装依赖
  缓存错乱是这类问题的常见元凶，执行以下步骤：

  1. 先清理Angular CLI的缓存：ng clean（如果是Angular CLI 1.x版本，可能需要手动删除node_modules/.cache文件夹）
  2. 清理npm缓存：npm cache clean --force
  3. 删除node_modules文件夹和package-lock.json文件
  4. 重新安装依赖：npm install
  5. 再次启动项目：ng serve

• 确认项目路径一致性
  注意到你的报错信息里出现了两个不同的路径：C:/Users/Dev/CoursAngular/jsjobs/src/main.ts和C:\Users\Maison\Documents\Dev\jsjobs\src\main.ts，这说明可能项目移动过位置，或者CLI缓存了旧的路径。你需要：

  1. 确认当前终端/IDE打开的是正确的项目目录（也就是C:\Users\Maison\Documents\Dev\jsjobs）
  2. 关闭所有正在运行的终端和IDE，重新打开后再执行启动命令

• 匹配Angular CLI与Angular版本
  Angular 5对应的CLI版本应该是1.7.x系列，如果你的CLI版本不匹配也会导致编译问题：

  1. 查看当前CLI版本：ng --version
  2. 全局安装对应版本：npm install -g @angular/cli@1.7
  3. 本地项目安装对应版本：npm install @angular/cli@1.7 --save-dev
  4. 重新启动项目

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