VS .NET Core 2.0 Angular项目运行报错：无法解析angular2-router-loader

我之前碰到过几乎一模一样的场景，这个报错的核心原因是Webpack在打包过程中找不到angular2-router-loader依赖——它是Angular项目配合Webpack处理路由的关键开发依赖，大概率是你安装其他npm包时它被意外移除，或者从一开始就没被正确安装。

试试下面的解决步骤：

• 第一步：安装缺失的开发依赖
  打开项目根目录的终端，执行以下命令安装angular2-router-loader（注意用--save-dev，因为这是开发环境专属的打包工具）：

  npm install --save-dev angular2-router-loader
  

• 第二步：验证Webpack配置中的loader规则
  找到项目里的Webpack配置文件（通常是webpack.config.js或webpack.dev.config.js），检查TypeScript相关的loader配置，确保angular2-router-loader已经包含在loaders列表中，示例配置如下：

  module: {
    rules: [
      {
        test: /\.ts$/,
        loaders: [
          'awesome-typescript-loader',
          'angular2-template-loader',
          'angular2-router-loader' // 确认这一行存在
        ],
        exclude: [/\.(spec|e2e)\.ts$/]
      }
    ]
  }
  

• 第三步：清理缓存并重置依赖（前两步无效时尝试）
  有时候npm缓存或损坏的依赖文件会导致这类奇怪的缺失问题，执行以下命令彻底重置项目依赖：

  npm cache clean --force
  rm -rf node_modules
  rm package-lock.json
  npm install
  

• 第四步：重启开发服务器
  完成上述操作后，关闭当前运行的.NET Core开发服务器，重新启动项目，应该就能正常加载依赖并运行了。

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