Angular项目持续加载失败，Chrome DevTools报<failed to convert exception to string>错误

咱们先从你描述的症状和给出的代码/结构入手，一步步定位问题：

1. 最可能的元凶：不完整的路由配置 #

你给出的app.js里，路由配置只写了.when("/login...，明显是未完成的代码！这种语法不完整的情况会直接导致Angular初始化时抛出异常，也就是你看到的<failed to convert exception to string>错误（Chrome无法把这个语法解析异常转换成可读字符串），进而让路由系统无法正常工作，ng-view自然不会渲染任何内容。

修复方式：补全完整的路由定义，确保每个.when()都包含必要的配置项，并且语法正确，最后加上.otherwise()处理默认路由：

app.config(["$routeProvider",'$locationProvider', function($routeProvider,$locationProvider) {
  // 如果不需要HTML5模式，可以加上hash前缀（可选但推荐）
  $locationProvider.hashPrefix('!');

  $routeProvider
    .when("/login", {
      templateUrl: "views/login.html", // 对应你views目录下的登录模板文件
      controller: "LoginController" // 如果有对应的控制器，记得提前定义
    })
    // 其他路由配置...
    .otherwise({ redirectTo: "/login" }); // 默认跳转到登录页
}]);

2. 检查依赖加载是否正常 #

你用require加载angular和angular-route，要确保这两个依赖：

• 在Chrome开发者工具的Network标签中能看到成功加载（没有404状态码）
• 加载顺序正确：angular必须在angular-route之前加载，bootstrap.js里的配置要保证这一点

3. 验证模板路径与服务器配置 #

页面只显示空的ng-view，除了路由问题，还可能是模板加载失败：

• 确认views目录下的模板文件（比如login.html）确实存在
• 路由里的templateUrl路径要和当前页面的URL匹配：比如你的index.php在resources根目录，那么templateUrl: "views/login.html"是正确的；如果是子目录访问，可能需要调整为./views/login.html或者绝对路径

4. 捕获具体异常（解决模糊错误提示） #

那个<failed to convert exception to string>错误太模糊，你可以在代码里加try-catch来捕获具体异常信息：

try {
  var app = angular.module("myApp", ["ngRoute"]);
  app.config(["$routeProvider",'$locationProvider', function($routeProvider,$locationProvider) {
    // 你的完整路由配置
  }]);
} catch (e) {
  console.error("Angular初始化异常详情:", e);
  console.error("异常堆栈:", e.stack);
}

这样就能在控制台看到具体的错误原因，比如语法错误、依赖缺失等。

5. 检查$locationProvider配置 #

你注入了$locationProvider但没做配置，如果要启用HTML5模式，必须同时配置服务器重写规则（比如PHP的.htaccess），否则会出现刷新页面404的问题；如果不需要HTML5模式，建议加上$locationProvider.hashPrefix('!');，避免路由冲突。

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