Как добавить ngx-restangular в angular-seed?

Question

У меня есть скелет приложения с mgechev/angular-seed а также 2muchcoffeecom/ngx-restangular, Я хотел бы интегрировать их, но не могу найти решение, как это сделать.

Прежде чем я успешно добавлю несколько пакетов в project.config.ts просто следуя angular-seed документация.

Вот часть конфигурации, которая отлично работает:

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

Но когда я пытаюсь добавить 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',
        }
    }];
...

Приложение выдает ошибку:

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

На вкладке сети браузера я вижу, что ngx-restangular файлы загружаются:

• 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

Ссылка на репозиторий Github. Чтобы запустить его в вашем локальном окружении, просто клонируйте / разветвите иnpm install && npm start

Файл конфигурации ссылки project.config.ts

Answer 1

Смотря на это:

Ошибка: ошибка синтаксиса: неожиданный токен <;;

Кажется, он пытается разобрать ответ HTML 404. Вполне возможно, что он пытается получить доступ к файлу, который он не может найти. Я вижу, вы используете.umd.js. Правильно ли это настроено в вашем конфигурационном файле? Что-то вроде этого:

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

Ссылка, которую я перешел сюда, может быть полезна. Надеюсь это поможет!