我正在使用plunker编辑器来显示演示。我的演示是一个Angular 2项目,其OpenSource NPM软件包称为ng-ui-application
,它已经发布。当我绑定config.js
中的NPM软件包时,它起作用。
System.config({
//use typescript for compilation
transpiler: 'typescript',
//typescript compiler options
typescriptOptions: {
emitDecoratorMetadata: true
},
paths: {
'npm:': 'https://unpkg.com/'
},
//map tells the System loader where to look for things
map: {
'app': './src',
'rxjs': 'npm:rxjs',
'typescript': 'npm:typescript@2.0.2/lib/typescript.js',
'ng-ui-application': 'npm:ng-ui-application'
},
//packages defines our app package
packages: {
app: {
main: './main.ts',
defaultExtension: 'ts'
},
rxjs: {
defaultExtension: 'js'
},
'ng-ui-application': {
main: './index.js',
defaultExtension: 'js'
}
}
});
问题是当我在https://www.npmjs.com/上发布了ng-ui-application
的更新时,Plunker编辑器没有获得此更新。
我找到了一个解决方案...我在 config.js
map: {
'app': './src',
'rxjs': 'npm:rxjs',
'typescript': 'npm:typescript@2.0.2/lib/typescript.js',
'ng-ui-application': 'npm:ng-ui-application'
},
//packages defines our app package
packages: {
app: {
main: './main.ts',
defaultExtension: 'ts'
},
rxjs: {
defaultExtension: 'js'
},
'ng-ui-application': {
main: './index.js',
defaultExtension: 'js'
}
}
由此:
map: {
'app': './src',
'rxjs': 'npm:rxjs',
'typescript': 'npm:typescript@2.0.2/lib/typescript.js',
'ng-ui-application': 'npm:ng-ui-application/index.js' <--- here !
},
//packages defines our app package
packages: {
app: {
main: './main.ts',
defaultExtension: 'ts'
},
rxjs: {
defaultExtension: 'js'
}
<--- I deleted it !
}