ui-路由器 templateUrl 无法在应用程序中找到 $templateCache 模板-release.js

Question

我使用 Gulp-angular-templatecache 将我的 html 模板缓存到 templates-cache.js 然后我使用 Gulp-browsify 编译我的 app.js 文件生成 app-release.js 文件，其中包含来自 app.js 和模板-cache.js 个文件。

app.js 包含所有依赖项，包括生成的 templates-cache.js 文件，但 ui.route 无法调用 html templateUrl 上的文件我按照 https://docs.angularjs.org/api/ng/service/$templateCache 上的 angular 指南进行操作，但我仍然找不到问题。

app.js

import angular from "angular";
import uiRouter from "@uirouter/angularjs";
let template = require("../../templates-cache.js");

let app = angular.module("app", [uiRouter]);

app.config(function ($stateProvider) {

    let Default = {
        name: "default",
        url: "/",
        templateUrl: "home.html"
    };

    let Home = {
        name: "home",
        url: "",
        templateUrl: 'home.html'
    };

    $stateProvider.state(Home);

});

app-release.js

app.config(function ($stateProvider) {

    var Default = {
        name: "default",
        url: "/",
        templateUrl: "home.html"
    };

    var Home = {
        name: "home",
        url: "",
        templateUrl: 'home.html'
    };


    $stateProvider.state(Home);
});


},{"../../templates-cache.js":77,"@uirouter/angularjs":1,"angular":75}],77:[function(require,module,exports){
'use strict';

angular.module('template', []).run(['$templateCache', function ($templateCache) {

  $templateCache.put('home.html', '\n<div class="largeText">My Angular App</div>\n\n');

}]);

错误Chrome Error in Chrome

感谢您的帮助:)

Answer 1

问题就在这里。我没有注入由 gulp-angular-templatecache.

生成的 template

修复

let app = angular.module("app", [uiRouter, "template"]);

ui-路由器 templateUrl 无法在应用程序中找到 $templateCache 模板-release.js

ui-Router templateUrl not able to find $templateCache template in app-release.js

angularjs

gulp

angular-templatecache