Làm thế nào để thêm ngx-restangular để hạt giống góc?

Question

Tôi có một ứng dụng khung sườn được xây dựng với mgechev/angular-seed và 2muchcoffeecom/ngx-restangular. Tôi muốn tích hợp chúng nhưng tôi không thể tìm ra giải pháp làm thế nào để làm điều đó.

Trước khi tôi thêm thành công vài gói vào project.config.ts chỉ cần theo dõi angular-seed tài liệu.

Dưới đây là một phần của cấu hình mà hoạt động tốt:

... 
    # tools/config/project.config.ts 

    let additionalPackages: ExtendPackages[]; 
    additionalPackages = [ { 
     name: 'angular2-jwt', 
     path: 'node_modules/angular2-jwt', 
     packageMeta: { 
      defaultExtension: 'js', 
     } 
    }, { 
     name: 'ngx-progressbar', 
     path: 'node_modules/ngx-progressbar/bundles/ngx-progressbar.umd.js', 
    }, { 
     name: 'ng2-charts', 
     path: 'node_modules/ng2-charts/bundles/ng2-charts.umd.min.js' 
    }, { 
     name:'ngx-bootstrap', 
     path:'node_modules/ngx-bootstrap/bundles/ngx-bootstrap.umd.min.js' 
    }, { 
     name:'ngx-bootstrap/*', 
     path:'node_modules/ngx-bootstrap/bundles/ngx-bootstrap.umd.min.js' 
    }, { 
     name:'ng2-select-compat', 
     path:'node_modules/ng2-select-compat/bundles/ng2-select-compat.umd.min.js' 
    }, { 
     name:'ngx-avatar', 
     path:'node_modules/ngx-avatar/ngx-avatar.umd.js' 
    }]; 
... 

Nhưng khi tôi đang cố gắng để thêm ngx-restangular:

... 
# tools/config/project.config.ts 

const additionalPackages: ExtendPackages[] = [ 
    { 
     name: 'ngx-restangular', 
     path: 'node_modules/ngx-restangular/dist/esm/src/', 
     packageMeta: { 
      defaultExtension: 'js', 
      main: './index.js', 
     } 
    }]; 
... 

Application ném một lỗi:

(index):60 SyntaxError: Unexpected token < at eval (<anonymous>)

Trong tab mạng trình duyệt, tôi có thể thấy rằng ngx-restangular file đang tải:

• index.js
• NGX-restangular.module.js
• NGX-restangular.js
• NGX-restangular-http.js
• NGX-restangular.config .js
• NGX-restangular-config.factory.js
• NGX-restangular-helper.js

Link tới kho lưu trữ Github. Để chạy nó trong env địa phương của bạn, xin vui lòng chỉ đơn giản là sao chép/nĩa và tập tin cấu hình npm install && npm start

Linkproject.config.ts

Answer 1

Từ nhìn này:

Error: SyntaxError: Unexpected token <

Dường như cố gắng của mình để phân tích một phản hồi html 404. Nó khá có thể của nó cố gắng để truy cập vào một tập tin mà nó không thể xác định vị trí. Tôi thấy bạn đang sử dụng .umd.js. Điều này có được cấu hình đúng trong tệp cấu hình của bạn không? Một cái gì đó như thế này:

additionalPackages.forEach(function (pkgName) { 
packages['@angular/' + pkgName] = { main: 'bundle/'+ pkgName + '.umd.js', defaultExtension: 'js' }; 
} 

Liên kết tôi đã chuyển đến đây cũng có thể giúp ích. Hi vọng điêu nay co ich!