无法加载模板问题

时间:2017-08-14 23:53:38

标签: angularjs gulp angular-ui-router gulp-connect

使用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并且没有任何工作。在这一点上,我只是完全难过,为了我的理智,我需要尽快解决问题。

任何想法都会非常感激。

3 个答案:

答案 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);

希望它可以帮助某人。