如何解决Asp.net MVC5+AngularJS 1.6.9环境下文件/目录未找到问题

1. 校验Bower组件的实际安装路径 #

• 检查项目根目录下的bower.json和.bowerrc文件，确认.bowerrc里的directory配置（比如是否指向wwwroot/lib或Scripts/lib），再核对对应目录下是否存在AngularJS相关文件（如angular.min.js）。
• 若目录为空或文件不全，执行以下命令强制重装：

  bower cache clean
  bower install --force
  

2. 修正视图中的AngularJS引用路径 #

• 确认布局页（如_Layout.cshtml）或业务视图里的AngularJS引用路径，与Bower实际安装路径完全匹配。例如.bowerrc指定到wwwroot/lib/angular，引用应写为：

  <script src="~/lib/angular/angular.min.js"></script>
  

• 优先使用~/开头的根路径引用，避免硬编码相对路径。

3. 验证静态文件与Bundle配置 #

• 确保项目已安装Microsoft.AspNet.Web.Optimization NuGet包，检查BundleConfig.cs中的AngularJS Bundle配置是否正确指向Bower安装目录：

  bundles.Add(new ScriptBundle("~/bundles/angular").Include(
    "~/lib/angular/angular.min.js",
    "~/lib/angular-route/angular-route.min.js" // 按需添加其他依赖组件
  ));
  

• 若使用Bundle，视图中需引用Bundle路径而非直接引用单个文件：

  @Scripts.Render("~/bundles/angular")
  

4. 核对.NET Framework与VS环境配置 #

• 确认Visual Studio 2022已安装.NET Framework 4.6开发工具（在VS安装器的「单个组件」中勾选）。
• 右键项目 → 属性 → 应用程序，确认目标框架为.NET Framework 4.6，且平台目标（如x86/Any CPU）与其他正常开发环境一致。

5. 重置IIS Express配置 #

• 关闭Visual Studio，删除项目目录下的隐藏.vs文件夹，重新打开项目并启动调试。
• 可在Visual Studio中点击「工具」→「选项」→「项目和解决方案」→「Web项目」，勾选「使用IIS Express的64位版本」（匹配原环境架构）。

6. 清理缓存并重建项目 #

• 依次执行：
  • 右键项目 → 清理
  • 右键解决方案 → 清理解决方案
  • 删除项目的bin和obj目录
  • 右键项目 → 重新生成解决方案

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