缺少json文件的JSPM捆绑包
[英]JSPM Bundle with missing json files
问题描述
I'm getting a wrong bundle file when I execute the command: 
执行命令时，我收到了错误的捆绑文件：
jspm bundle src/main.js main-bundle.js
Files like npm:@angular/animations@4.1.3.json are not include, no .json files are included, only .js files, however, if I launch the same command from OSX those fields are included 不包含npm:@angular/animations@4.1.3.json类的文件，不包含npm:@angular/animations@4.1.3.json文件，仅包含.js文件，但是，如果我从OSX启动相同的命令，则包含这些字段
From OSX (valid bundle file content): 从OSX（有效的捆绑文件内容）：
npm:@angular/animations@4.1.3.json
npm:@angular/animations@4.1.3/bundles/animations-browser.umd.min.js
npm:@angular/animations@4.1.3/bundles/animations.umd.js
npm:@angular/common@4.1.3.json
npm:@angular/common@4.1.3/bundles/common.umd.js
npm:@angular/compiler@4.1.3.json
npm:@angular/compiler@4.1.3/bundles/compiler.umd.js
npm:@angular/core@4.1.3.json
npm:@angular/core@4.1.3/bundles/core.umd.js
npm:@angular/forms@4.1.3.json
npm:@angular/forms@4.1.3/bundles/forms.umd.js
npm:@angular/http@4.1.3.json
npm:@angular/http@4.1.3/bundles/http.umd.js
npm:@angular/material@2.0.0-beta.6.json
npm:@angular/material@2.0.0-beta.6/bundles/material.umd.js
npm:@angular/platform-browser-dynamic@4.1.3.json
npm:@angular/platform-browser-dynamic@4.1.3/bundles/platform-browser-dynamic.umd.js
npm:@angular/platform-browser@4.1.3.json
npm:@angular/platform-browser@4.1.3/bundles/platform-browser-animations.umd.min.js
npm:@angular/platform-browser@4.1.3/bundles/platform-browser.umd.js
npm:@angular/router@4.1.3.json
npm:@angular/router@4.1.3/bundles/router.umd.js
npm:core-js@2.4.1.json
npm:core-js@2.4.1/client/shim.js
npm:core-js@2.4.1/es6/reflect.js
npm:core-js@2.4.1/es7/reflect.js
From Linux (wrong bundle file, missing json package definitions): 从Linux（错误的捆绑文件，缺少json包定义）：
npm:@angular/animations@4.1.3/bundles/animations-browser.umd.min.js
npm:@angular/animations@4.1.3/bundles/animations.umd.js
npm:@angular/common@4.1.3/bundles/common.umd.js
npm:@angular/compiler@4.1.3/bundles/compiler.umd.js
npm:@angular/core@4.1.3/bundles/core.umd.js
npm:@angular/forms@4.1.3/bundles/forms.umd.js
npm:@angular/http@4.1.3/bundles/http.umd.js
npm:@angular/material@2.0.0-beta.6/bundles/material.umd.js
npm:@angular/platform-browser-dynamic@4.1.3/bundles/platform-browser-dynamic.umd.js
npm:@angular/platform-browser@4.1.3/bundles/platform-browser-animations.umd.min.js
npm:@angular/platform-browser@4.1.3/bundles/platform-browser.umd.js
npm:@angular/router@4.1.3/bundles/router.umd.js
npm:core-js@2.4.1/client/shim.js
npm:core-js@2.4.1/es6/reflect.js
npm:core-js@2.4.1/es7/reflect.js
npm:core-js@2.4.1/modules/_a-function.js
Both are using the same version of jspm ( 0.17.0-beta.41 ), systemjs ( 0.20.10 ) and systemjs-builder ( 0.16.4 ), I suppose that there is something different in both environments that is affecting, but I've removed the ~/.jspm directory for a clean env with the same results, and I'm not sure what else could be affecting. 两者都使用相同版本的jspm（ 0.17.0-beta.41 ），systemjs（ 0.20.10 ）和systemjs-builder（ 0.16.4 ），我想这两种环境在影响方面都存在差异，但是我已将~/.jspm目录删除以得到一个干净的环境，并得到相同的结果，但我不确定还会影响到什么。
The jspm.config.js file is the same in both cases: 两种情况下jspm.config.js文件相同：
SystemJS.config({
nodeConfig: {
"paths": {
"github:": "jspm_packages/github/",
"npm:": "jspm_packages/npm/"
}
},
devConfig: {
"map": {
"plugin-typescript": "github:frankwallis/plugin-typescript@7.0.6",
"typescript": "npm:typescript@2.3.4",
"child_process": "npm:jspm-nodelibs-child_process@0.2.1",
"module": "npm:jspm-nodelibs-module@0.2.1",
"net": "npm:jspm-nodelibs-net@0.2.1"
},
"packages": {
"npm:source-map-support@0.4.14": {
"map": {
"source-map": "npm:source-map@0.5.6"
}
},
"npm:typescript@2.3.4": {
"map": {
"source-map-support": "npm:source-map-support@0.4.14"
}
}
}
},
transpiler: false,
packages: {
"environments": {
"defaultExtension": "js"
},
"src": {
"defaultExtension": "js"
}
},
map: {
"@angular/animations/browser": "npm:@angular/animations@4.1.3/bundles/animations-browser.umd.min.js",
"@angular/platform-browser/animations": "npm:@angular/platform-browser@4.1.3/bundles/platform-browser-animations.umd.min.js",
"app": "src/app"
}
});
SystemJS.config({
packageConfigPaths: [
"github:*/*.json",
"npm:@angular/*.json",
"npm:@covalent/*.json",
"npm:*.json"
],
map: {
"@angular/animations": "npm:@angular/animations@4.1.3",
"@angular/common": "npm:@angular/common@4.1.3",
"@angular/compiler": "npm:@angular/compiler@4.1.3",
"@angular/core": "npm:@angular/core@4.1.3",
"@angular/forms": "npm:@angular/forms@4.1.3",
"@angular/http": "npm:@angular/http@4.1.3",
"@angular/material": "npm:@angular/material@2.0.0-beta.6",
"@angular/platform-browser": "npm:@angular/platform-browser@4.1.3",
"@angular/platform-browser-dynamic": "npm:@angular/platform-browser-dynamic@4.1.3",
"@angular/router": "npm:@angular/router@4.1.3",
"@covalent/core": "npm:@covalent/core@1.0.0-beta.4",
"@covalent/dynamic-forms": "npm:@covalent/dynamic-forms@1.0.0-beta.4",
"@covalent/http": "npm:@covalent/http@1.0.0-beta.4",
"angular-in-memory-web-api": "npm:angular-in-memory-web-api@0.3.1",
"angular-safeguard": "npm:angular-safeguard@1.0.1",
"assert": "npm:jspm-nodelibs-assert@0.2.1",
"buffer": "npm:jspm-nodelibs-buffer@0.2.2",
"constants": "npm:jspm-nodelibs-constants@0.2.1",
"core-js": "npm:core-js@2.4.1",
"crypto": "npm:jspm-nodelibs-crypto@0.2.1",
"events": "npm:jspm-nodelibs-events@0.2.2",
"file-saver": "npm:file-saver@1.3.3",
"fs": "npm:jspm-nodelibs-fs@0.2.1",
"hammerjs": "npm:hammerjs@2.0.8",
"ng2-toastr": "npm:ng2-toastr@4.0.1",
"os": "npm:jspm-nodelibs-os@0.2.1",
"path": "npm:jspm-nodelibs-path@0.2.3",
"process": "npm:jspm-nodelibs-process@0.2.1",
"rxjs": "npm:rxjs@5.3.0",
"stream": "npm:jspm-nodelibs-stream@0.2.1",
"string_decoder": "npm:jspm-nodelibs-string_decoder@0.2.1",
"timers": "npm:jspm-nodelibs-timers@0.2.1",
"util": "npm:jspm-nodelibs-util@0.2.2",
"vm": "npm:jspm-nodelibs-vm@0.2.1",
"web-animations-js": "npm:web-animations-js@2.2.2",
"zone.js": "npm:zone.js@0.8.5"
},
packages: {
// SKIPPED //
}
});
If I understand correctly, the missing json files are processed but not included, the file "npm:@angular/http@4.1.3/bundles/http.umd.js" is included because is defined in "npm:@angular/http@4.1.3.json", however, for some reason the package definition file is skipped in the bundle. 如果我理解正确，丢失的json文件会被处理但不包括在内，文件“ npm：@ angular / http @ 4.1.3 / bundles / http.umd.js”已包含在内，因为它是在“ npm：@ angular / http”中定义的@ 4.1.3.json”，但是由于某种原因，软件包定义文件在捆绑包中被跳过了。
¿ Is there any other file that I should check in both environments ? ¿在这两种环境中我还应该检查其他文件吗？ Any idea is welcome. 任何想法都欢迎。
UPDATE: After some tests, I suspect that the problem is related with systemjs-builder lib, not jspm 更新：经过一些测试，我怀疑问题与systemjs-builder lib有关，而不与jspm有关
1 个解决方案
解决方案1
0 已采纳 2017-06-09 15:24:19
Finally, I found the problem, the method getPackageConfigPath(...) in utils.js in the lib systemjs-builder fails (returns nothing) if the directory absolute path with the packageConfigPaths contains a "(". 最后，我发现了问题所在，如果带有packageConfigPaths的目录绝对路径包含“（” getPackageConfigPath(...) ，则lib systemjs-builder中utils.js中的getPackageConfigPath(...)方法失败（不返回任何内容）。
In linux, the jenkins job had a name like "MyProject (angular2)", and this was causing that the building process couldn't find the packageConfigPath for none of the libs in the bundle. 在Linux中，jenkins作业的名称类似于“ MyProject（angular2）”，这导致构建过程无法找到包中没有任何lib的packageConfigPath。
I've opened an issue on the github project: https://github.com/systemjs/builder/issues/811 我在github项目上打开了一个问题： https : //github.com/systemjs/builder/issues/811
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.