由网友(星星还亮着吗)分享简介：我试图用 html5Mode 与UI的路由器时，得到上述错误。任何人都可以指向我，我做错了什么？ 类型错误：无法读取属性'取代'未定义    在BD（angular.js：10555）    在对象＆LT;＆匿名GT; （angular.js：11403）    。为L $ get.l. $摘要（angular.js：...

我试图用 html5Mode 与UI的路由器时，得到上述错误。任何人都可以指向我，我做错了什么？

 类型错误：无法读取属性'取代'未定义    在BD（angular.js：10555）    在对象＆LT;＆匿名GT; （angular.js：11403）    。为L $ get.l. $摘要（angular.js：14222）    。为L $ get.l. $申请（angular.js：14493）    在angular.js：1449    在Object.e [如调用（angular.js：4182）    在D（angular.js：1447）    在SC（angular.js：1467）    在JD（angular.js：1361）    在HTMLDocument的＆LT;＆匿名GT; （angular.js：26086） 

在 angular.js 这片段是：

  10554功能trimEmptyHash（URL）{10555回url.replace（/(#.+）|＃$ /，'$ 1'）;10556} 

路由文件：

 （函数（）{    使用严格的;    角        .module（应用）        的.config（路线）;        。路线$注射='$ stateProvider'，'$ locationProvider'];        功能的路由（$ stateProvider，$ locationProvider）{            //配置的应用程序状态            $ stateProvider                .STATE（'应用'，{                    摘要：真实，                    templateUrl：'模块/应用/ app.html'，                    控制器：'AppController的                }）                .STATE（'app.home'，{                    网址：'/'，                    templateUrl：'模块的/ home / index.html的                }）;            $ locationProvider.html5Mode（真）;        }}）（）; 

我已经设置了基本的URL在html：

 ＆LT;基本href =/应用程序//＆GT; 

解决方案

我遇到了同样的问题，在我的情况下，不确定的URL的说法被传递到trimEmptyHash（）最终被从事实来的$$ absUrl在$位置属性格式没有得到初始化。挖进一步，似乎$$ absUrl通常被在$$构成（）方法，通常会从$$解析（），它通常被调用的形式$$ parseLinkUrl（）方法调用初始化。这里是$$ parseLinkUrl（）（看着角度1.4.1）：

 这一点。$$ parseLinkUrl =功能（URL，relHref）{  如果（relHref＆安培;＆安培; relHref [0] ==='＃'）{    //特殊情况的链接，散列片段：    //保持旧网址，只有更换哈希片段    this.hash（relHref.slice（1））;    返回true;  }  VAR appUrl，prevAppUrl;  VAR rewrittenUrl;  如果（（appUrl = beginsWith（的appBase，URL））！==未定义）{    prevAppUrl = appUrl;    如果（（appUrl = beginsWith（基地preFIX，appUrl））！==未定义）{      rewrittenUrl = appBaseNoFile +（beginsWith（'/'，appUrl）|| appUrl）;    }其他{      rewrittenUrl = +的appBase prevAppUrl;    }  }否则如果（（appUrl = beginsWith（appBaseNoFile，URL））！==未定义）{    rewrittenUrl = appBaseNoFile + appUrl;  }否则如果（appBaseNoFile ==网址+'/'）{    rewrittenUrl = appBaseNoFile;  }  如果（rewrittenUrl）{    这$$解析（rewrittenUrl）;  }  返回！rewrittenUrl;}; 

在我的情况下，最后的如果条款没有触发调用$$解析，因为rewrittenUrl从来没有得到一个价值，因为没有一个的if / else，如果在中间的条款确定为true。就我而言，那是因为我用的是服务于应用程序的URL（公司名称/ admin.html）实际上，我为应用程序设置的基本HREF（公司名称/管理/）之上，因此没有条件句解析为真。当我改变了我的基本href只是公司名称/，我不再遇到了这个问题。

另外，你可以初始化$$ absUrl上的位置的原型，或等待一段实物角修复 - 看的这个问题，看看3月30日提出的joelmdev变通方法。

I'm getting the above error when trying to use html5Mode with ui-router. Can anyone point me to what I'm doing wrong?

TypeError: Cannot read property 'replace' of undefined
    at bd (angular.js:10555)
    at Object.<anonymous> (angular.js:11403)
    at l.$get.l.$digest (angular.js:14222)
    at l.$get.l.$apply (angular.js:14493)
    at angular.js:1449
    at Object.e [as invoke] (angular.js:4182)
    at d (angular.js:1447)
    at sc (angular.js:1467)
    at Jd (angular.js:1361)
    at HTMLDocument.<anonymous> (angular.js:26086)

That segment in angular.js is:

10554 function trimEmptyHash(url) {
10555   return url.replace(/(#.+)|#$/, '$1');
10556 }

The routing file:

(function(){

    'use strict';

    angular
        .module('app')
        .config(routes);

        routes.$inject = ['$stateProvider', '$locationProvider'];

        function routes($stateProvider, $locationProvider) {

            // Configure app states
            $stateProvider

                .state('app', {
                    abstract: true, 
                    templateUrl: 'modules/app/app.html',                
                    controller: 'AppController'
                })

                .state('app.home', {
                    url: '/',
                    templateUrl: 'modules/home/index.html'
                });

            $locationProvider.html5Mode(true);
        }
})();

I've set the base url in the html:

<base href="/app/" />

解决方案

I ran into the same issue, and in my case the undefined "url" argument being passed to trimEmptyHash() was ultimately coming from the fact that $$absUrl propery on $location was not getting initialized. Digging in further, it appears that $$absUrl normally gets initialized in the $$compose() method, which typically gets called from $$parse() which typically gets called form the $$parseLinkUrl() method. Here is $$parseLinkUrl() (looking at Angular 1.4.1):

this.$$parseLinkUrl = function(url, relHref) {
  if (relHref && relHref[0] === '#') {
    // special case for links to hash fragments:
    // keep the old url and only replace the hash fragment
    this.hash(relHref.slice(1));
    return true;
  }
  var appUrl, prevAppUrl;
  var rewrittenUrl;

  if ((appUrl = beginsWith(appBase, url)) !== undefined) {
    prevAppUrl = appUrl;
    if ((appUrl = beginsWith(basePrefix, appUrl)) !== undefined) {
      rewrittenUrl = appBaseNoFile + (beginsWith('/', appUrl) || appUrl);
    } else {
      rewrittenUrl = appBase + prevAppUrl;
    }
  } else if ((appUrl = beginsWith(appBaseNoFile, url)) !== undefined) {
    rewrittenUrl = appBaseNoFile + appUrl;
  } else if (appBaseNoFile == url + '/') {
    rewrittenUrl = appBaseNoFile;
  }
  if (rewrittenUrl) {
    this.$$parse(rewrittenUrl);
  }
  return !!rewrittenUrl;
};

In my case, the final "if" clause was not triggering the call to $$parse, because "rewrittenUrl" never got a value, because none of the if/else if clauses in the middle resolved to true. In my case, it was because the url I was using to serve the app (CompanyName/admin.html) was actually above the base Href that I set for the app (CompanyName/admin/), so none of the conditionals resolved to true. As soon as I changed my base Href to just CompanyName/, I no longer ran into this issue.

Alternatively, you could initialize $$absUrl on the location prototype, or wait for some kind of fix from Angular - watch this issue, and see the workaround proposed by joelmdev on March 30th.