我有一个使用mgechev/angular-seed2muchcoffeecom/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

  • Link到Github存储库。 要在您的本地环境中运行,请简单地克隆/分支和npm install && npm start

    Link配置文件project.config.ts

    最佳答案

    从这个来看:

    Error: SyntaxError: Unexpected token <

    似乎它试图解析html 404响应。它很可能尝试访问它无法找到的文件。我看到您正在使用.umd.js。在您的配置文件中是否已正确配置?像这样的东西:

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

    我在这里传递的链接可能也有所帮助。希望这可以帮助!

    关于javascript - 如何将ngx-restangular添加到angular-seed?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/47742858/

    10-12 15:57