无法在 gulp dist build 上加载模板答案

【问题标题】：Failed to load template on gulp dist build无法在 gulp dist build 上加载模板
【发布时间】：2016-03-10 05:28:30
【问题描述】：

我们正在使用允许用户输入出生日期的指令。这在本地 gulp 开发版本上工作得非常好，但是当我们转到分发版本时，它说找不到这个模板。在本地开发构建中使用指令时，gulp:dist 进程中没有错误或控制台中的错误

这是来自 dist 构建的错误消息

GET http://localhost:3000/app/_common/form-dob/form-dob.tpl.html 404 (Not Found)(anonymous function) @ generated.js:20178l @ generated.js:62054v @ generated.js:19971c @ generated.js:19681u @ generated.js:24202(anonymous function) @ generated.js:24218h.$eval @ generated.js:25462h.$digest @ generated.js:25280h.$apply @ generated.js:25570o @ generated.js:20002g @ generated.js:20200w.onload @ generated.js:20141
generated.js:21933 Error: [$compile:tpload] Failed to load template: /app/_common/form-dob/form-dob.tpl.html (HTTP status: 404 Not Found)
http://errors.angularjs.org/1.4.9/$compile/tpload?p0=%2Fapp%2F_common%2Fform-dob%2Fform-dob.tpl.html&p1=404&p2=Not%20Found
    at generated.js:9279
    at s (generated.js:27164)
    at u (generated.js:24202)
    at generated.js:24218
    at h.$eval (generated.js:25462)
    at h.$digest (generated.js:25280)
    at h.$apply (generated.js:25570)
    at o (generated.js:20002)
    at g (generated.js:20200)
    at XMLHttpRequest.w.onload (generated.js:20141)

这有什么具体原因吗？似乎在文件中找不到任何无效的 JavaScript。

该指令很长，所以这里没有包含它。这是第一部分：

(function() {
    'use strict';
    angular
        .module('smApp')
        .directive('smFormDob', smFormDob);

    smFormDob.$inject = ['angular', 'moment'];

    function smFormDob(angular, moment) {

        var controller = function($scope, $timeout) {

【问题讨论】：

Failed to load template: /app/_common/form-dob/form-dob.tpl.html (HTTP status: 404 Not Found)你确定那个文件路径下有模板文件吗？
嘿@Mr_Green 它在开发版本中确实可以正常工作，并且该模板确实存在
你给出了模板的相对路径还是绝对路径？尝试检查加载路径。希望这会有所帮助！

标签： angularjs angularjs-directive gulp

【解决方案1】：

问题是 templateUrl 有一个 / 开头，这导致了问题

这是坏的：

templateUrl: "/app/_common/form-dob/form-dob.tpl.html"

这是固定的：

templateUrl: "app/_common/form-dob/form-dob.tpl.html"

【讨论】：