Angular 4执行npm start报错：已配置tsConfigPath仍提示需指定

我太懂你这种明明配置了参数却还是报错的抓狂感了——升级依赖后遇到这个问题，大概率是**@ngtools/webpack版本升级带来的API不兼容**，毕竟你用的是Angular 4.4.4，和新版本的工具链适配性有差异。下面是几个亲测有效的解决步骤：

1. 回退到Angular 4兼容的@ngtools/webpack版本 #

Angular 4.x对应的@ngtools/webpack应该是1.x系列，ncu更新后可能自动装了适配Angular 5+的高版本，直接导致API不匹配。先回退到稳定兼容的版本：

npm install @ngtools/webpack@1.10.2 --save-dev

这个版本是Angular 4生态里经过验证的稳定适配版本，能直接规避版本不兼容的问题。

2. 修正插件配置（如果坚持用新版本） #

如果你不想回退版本，要注意新版本的插件名称和配置细节已经变化：旧版的AotPlugin改名为AngularCompilerPlugin，同时路径最好加上明确的相对前缀避免查找失败。修改你的webpack配置：

// 注意导入的插件名称已变更
const AngularCompilerPlugin = require('@ngtools/webpack').AngularCompilerPlugin;
module.exports = function (options) {
 return webpackMerge(commonConfig({env: ENV}), {
  module: {
   rules: [
    { test: /\.ts$/, loader: '@ngtools/webpack' },
   ]
  },
  plugins: [
   new AngularCompilerPlugin({
    tsConfigPath: './tsconfig.webpack.json', // 加上相对前缀确保文件能被找到
    entryModule: './src/app.module#AppModule',
    sourceMap: true
   }),
  ],
 });
}

另外要确认tsconfig.webpack.json确实在你指定的路径下，有时候看似正确的路径，因为项目结构或webpack上下文的问题，实际找不到文件也会触发这个错误。

3. 清理缓存再重新构建 #

旧的缓存文件可能会干扰新配置的生效，执行以下命令清理后重启：

rm -rf node_modules/.cache
npm start

我之前维护Angular 4项目升级依赖时也踩过这个坑，按上面的方法很快就解决了，希望对你有用。

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