angularjs - 无法加载模板问题

Question

使用 AngularJS-1.6.5 & Angular-ui-router-1.0.6 && Gulp-3.9.1

我遇到了这个非常烦人的问题。我有一个 Angular 应用程序，看起来构建得很好，但是当我运行 gulp-connect 来运行它时，我总是遇到无法按此顺序加载模板的错误:

• vendor.js:14803 错误:[$compile:tpload] 无法加载模板:app/auth/views/login.tpl.html(HTTP 状态:未定义未定义)

• vendor.js:34081 转换拒绝($id: 0 类型: 6，消息:转换出错，详细信息:错误:[$compile:tpload] 无法加载模板:app/auth/views/login .tpl.html(HTTP状态:未定义未定义)

• 错误:[$compile:tpload] 无法加载模板:app/auth/views/login.tpl.html(HTTP 状态:未定义未定义)

如果我运行 gulp 构建过程，然后使用 httpster 之类的东西来提供服务器，页面会正常显示，不会出现错误。但是，当我将 gulp-connect 添加到我的构建过程中时:

gulp.task("connect",["css", "vendor", "js", "watch", "webWorkers"], function 
 () {
 connect.server({
port: 8888
}); 
});

我收到上面的错误。

这在一天前还有效，无论出于何种原因，即使以前有效的版本也不再有效。我尝试重定向到另一个模板，验证所有条目都在模板缓存中，尝试检索网络上的文件而不是模板缓存，卸载/重新安装 gulp-connect 但没有任何效果。我现在完全被难住了，为了保持理智，我需要尽快弄清楚一些事情。

如有任何想法，我们将不胜感激。

Answer 1

天啊。经过一番尝试和错误，我终于解决了这个问题。问题实际上出在我使用从本地存储检索的 token 配置的 http 拦截器上。从本地存储检索到的 token 在某种程度上已损坏或无效(尚未解决此问题)，并且它会默默地出错，而不会冒泡错误。

我将本地存储读取方法包装在 try catch 中，现在模板再次加载。

我在这上面浪费了很多时间，希望这可以帮助其他人。