我有一个框架应用程序构建 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
Link到 Github 存储库。 要在本地环境中运行它,请简单地克隆/fork 和 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/