我正在使用Angular2进行文件上传,使用ng2-File-Upload进行Node.js 但在运行我的项目时,我收到了与Reflect.getOwnMetadata相关的错误 这是显示的错误:
这是我的systemjs.config.js
(function (global) {
System.config({
paths: {
// paths serve as alias
'npm:': 'node_modules/'
},
// map tells the System loader where to look for things
map: {
// our app is within the app folder
app: 'app',
// angular bundles
'@angular/core': 'npm:@angular/core/bundles/core.umd.js',
'@angular/common': 'npm:@angular/common/bundles/common.umd.js',
'@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
'@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
'@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
'@angular/http': 'npm:@angular/http/bundles/http.umd.js',
'@angular/router': 'npm:@angular/router/bundles/router.umd.js',
'@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',
// other libraries
'rxjs': 'npm:rxjs',
'angular-in-memory-web-api': 'npm:angular-in-memory-web-api',
/** Path for ng2-file-upload */
'ng2-file-upload' : 'npm:ng2-file-upload'
/** Path for ng2-file-upload */
},
// packages tells the System loader how to load when no filename and/or no extension
packages: {
app: {
main: './transpiled-js/main.js',
defaultExtension: 'js'
},
rxjs: {
defaultExtension: 'js'
},
'angular-in-memory-web-api': {
main: './index.js',
defaultExtension: 'js'
},
/** Configuration for ng2-file-upload */
'ng2-file-upload' : {
main: './ng2-file-upload.js',
defaultExtension: 'js'
}
/** Configuration for ng2-file-upload */
}
});
})(this);
答案 0 :(得分:0)
这是我遇到完全相同问题的情况:
我有两个同名的TypeScript文件(比如FileUploadService.ts
)位于两个不同的位置。一个用于处理服务器逻辑(驻留在server
目录中),另一个用于通过Angular服务上传文件的public
目录。
问题是我在使用
ng2-file-upload
包的位置导入了错误的服务,而这又取决于Angular模块 - 它们从未被导入过。
这意味着在Typescript编译期间,某处定义Reflect.getOwnMetadata
的文件不可用。
请确保在正确的位置引用正确的文件,也可能是您的情况。