无法加载模板问题

Question

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

我遇到了这个非常烦人的问题。我有一个 angular 应用程序，它似乎 ui 很好，但是当我运行 gulp-连接到运行它时，我总是加载模板失败此顺序中的错误：

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

如果我运行我的 gulp build 进程然后使用 httpsster 之类的东西来提供服务器，页面就可以正常显示，没有错误。但是，当我将 gulp-connect 添加到我的 build 进程时：

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

我收到上面的错误。

这就在一天前还可以工作，无论出于何种原因，即使是以前工作的版本也不再工作了。我试过重定向到另一个模板，验证所有条目都在模板缓存中，尝试检索网络上的文件而不是模板缓存，uninstall/reinstalling gulp-connect 但没有任何效果。我在这一点上完全被难住了，为了我的理智，我需要尽快想出办法。

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

Answer 1

太好了。经过反复试验，我终于弄清楚了这个问题。问题实际上是我使用从本地存储检索的令牌配置的 http 拦截器。从本地存储中检索到的令牌在某种程度上已损坏或无效（尚未解决此问题）并且它正在默默地出错而没有冒泡错误。

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

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

Answer 2

在我的例子中，当我向我的应用程序添加拦截器时，它是一个遗漏的 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);
            }
        }
    };
}

]);

希望这对某人有所帮助。

Answer 3

这也让我坚持了一段时间。在我的例子中，它将我的视图添加到 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);

希望对以后的人有所帮助。

无法加载模板问题

Failed To Load Template Issue

angularjs

angular-ui-router

gulp

gulp-connect