Jak dodać ngx-restangular do nasion kanciastych?

Question

Mam szkielet aplikacji zbudować z mgechev/angular-seed i 2muchcoffeecom/ngx-restangular. Chciałbym je zintegrować, ale nie mogę znaleźć rozwiązania, jak to zrobić.

Zanim pomyślnie dodam kilka pakietów do project.config.ts, po prostu postępuję zgodnie z dokumentacją angular-seed.

Oto fragment konfiguracji, która działa dobrze:

... 
    # 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' 
    }]; 
... 

Ale gdy próbuję dodać 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', 
     } 
    }]; 
... 

Aplikacja generuje błąd:

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

W karcie sieci przeglądarki widzę, że ngx-restangular pliki ładują:

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

Link do repozytorium Github. Aby uruchomić go w lokalnym env, proszę po prostu sklonować/widelec i npm install && npm start

Link plik konfiguracyjny project.config.ts

Answer 1

od patrzenia na to:

Error: SyntaxError: Unexpected token <

Wydaje jej próby analizowania odpowiedź html 404. Jest całkiem możliwe, że próbuje uzyskać dostęp do pliku, którego nie może zlokalizować. Widzę, że używasz .umd.js. Czy jest to poprawnie skonfigurowane w twoim pliku konfiguracyjnym? Coś w tym stylu:

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

Link, który tu podałem, może również o pomoc. Mam nadzieję że to pomoże!