LoạiError: Không thể đọc thuộc tính 'replace' của undefined

Question

Tôi nhận được lỗi trên khi cố gắng sử dụng html5Mode với ui-router. Bất cứ ai có thể chỉ cho tôi những gì tôi đang làm sai?

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) 

Đó phân khúc trong angular.js là:

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

Các tập tin định tuyến:

(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); 
     } 
})(); 

tôi đã thiết lập các địa chỉ cơ sở trong html:

<base href="/app/" /> 

Answer 1

của bạn trạng thái 'ứng dụng' không có khóa url xác định d.

Answer 2

bạn phải gỡ bỏ này từ tập tin html

<base href="/app/" /> 

và điều này từ app.js đang

$locationProvider.html5Mode(true); 

Answer 3

Tôi chạy vào cùng một vấn đề, và trong trường hợp của tôi không xác định "url" tranh luận được chuyển đến trimEmptyHash() cuối cùng xuất phát từ thực tế là $$ absUrl propery trên $ location không được khởi tạo. Đào sâu hơn, có vẻ như $$ absUrl thường được khởi tạo trong phương thức $$ compose(), thường được gọi từ $$ parse() thường được gọi là phương thức $$ parseLinkUrl(). Dưới đây là $$ parseLinkUrl() (nhìn 1.4.1 góc):

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; 
}; 

Trong trường hợp của tôi, trận chung kết "nếu" điều khoản được không kích hoạt cuộc gọi đến $$ phân tích cú pháp, bởi vì "rewrittenUrl" không bao giờ có một giá trị, bởi vì không có mệnh đề if/else nếu ở giữa được giải quyết thành true. Trong trường hợp của tôi, đó là vì url tôi đang sử dụng để phục vụ ứng dụng (CompanyName/admin.html) thực sự nằm trên cơ sở Href mà tôi đã đặt cho ứng dụng (CompanyName/admin /), vì vậy không có điều kiện nào được giải quyết thành sự thật . Ngay sau khi tôi thay đổi Href cơ sở của mình thành chỉ CompanyName /, tôi không còn gặp vấn đề này nữa.

Hoặc, bạn có thể khởi chạy $$ absUrl trên mẫu thử nghiệm vị trí hoặc chờ một số loại sửa lỗi từ Angular - xem this issue và xem giải pháp được đề xuất bởi joelmdev vào ngày 30 tháng 3.

Answer 4

Những gì bạn cần làm là mô tả ở đây: ui-router on GitHub Khi bạn cấu hình phía máy chủ định tuyến, tất cả mọi thứ nên làm việc tốt miễn là bạn tránh mở trang web bạn với url như thế này: http://localhost/app-base#/

Answer 5

Tôi đã nhìn thấy cùng này chính xác TypeError: Cannot read property 'replace' of undefined lỗi khi sử dụng html5mode quá, cho đến khi tôi đã thay đổi:

<base href="app/" /> 

để

<base href="/app/" /> 

Lưu ý, dấu gạch chéo bị bỏ sót trước đó. Hy vọng điều này có thể giúp ai đó.