使用AngularJS-1.6.5& Angular-ui-router-1.0.6&&咕嘟咕嘟-3.9.1
我有这个绝对恼人的问题。我有一个似乎构建良好的角度应用程序但是当我运行gulp-connect来运行它时,我仍然无法按此顺序加载模板错误:
vendor.js:14803错误:[$ compile:tpload]无法加载模板:app / auth / views / login.tpl.html(HTTP状态:未定义未定义)
vendor.js:34081 Transition Rejection($ id:0 type:6,message:转换错误,详细信息:错误:[$ 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并且没有任何工作。在这一点上,我只是完全难过,为了我的理智,我需要尽快解决问题。
任何想法都会非常感激。
答案 0 :(得分:5)
善。经过一系列的反复试验,我终于找到了问题所在。问题实际上是我使用从本地存储中检索的令牌配置的http拦截器。从本地存储中检索到的令牌在某种程度上是损坏的或无效的(尚未解决此问题)并且它在没有冒泡错误的情况下默默地出错。
我将本地存储读取方法包装在try catch中,现在模板再次加载。
男人我浪费了很多时间,希望这有助于其他人。
答案 1 :(得分:1)
在我的情况下,当我向我的应用程序添加拦截器时,它是一个错过的return config;
语句。
app.factory('loadingInterceptor', [
'$rootScope',
function ($rootScope)
{
return {
request: function (config)
{
var loadingEl = $(".loading-element");
if (loadingEl)
{
showLoading(loadingEl, true);
}
// return config;
},
response: function (response)
{
var loadingEl = $(".loading-element");
if (loadingEl) {
showLoading(loadingEl, false);
}
}
};
}
]);
希望这会对某人有所帮助。
答案 2 :(得分:0)
这也让我走了一段时间。就我而言,它是将我的视图添加到anonymousEndpoints配置部分。
匿名端点:['clientapp / modules / login / login.view.html'],
adalProvider.init({
instance: 'https://*.microsoftonline.com/',
tenant: '*.onmicrosoft.com',
clientId: 'Some-long-guid',
anonymousEndpoints: ['clientapp/modules/login/login.view.html'],
extraQueryParameter: 'nux=1',
},$httpProvider);
希望它可以帮助某人。