File upload Angular2:ng2文件上载:无法使用SystemJS正确加载它
我使用systemJS来管理我的包,因此我已将这些行添加到systemJS的配置文件中:File upload Angular2:ng2文件上载:无法使用SystemJS正确加载它,file-upload,typescript,angular,systemjs,File Upload,Typescript,Angular,Systemjs,我使用systemJS来管理我的包,因此我已将这些行添加到systemJS的配置文件中: { map: { 'ng2-file-upload': 'node_modules/ng2-file-upload' }, packages: { 'ng2-file-upload': { main: './ng2-file-upload/ng2-file-upload.js', // also tried with './ng2-file-upload.js'
{
map: { 'ng2-file-upload': 'node_modules/ng2-file-upload' },
packages: {
'ng2-file-upload': {
main: './ng2-file-upload/ng2-file-upload.js', // also tried with './ng2-file-upload.js'
defaultExtension: 'js'
},
}
}
我通过import{FileDrop,FileUploader}从“ng2文件上传”导入ng2文件上传代码>
但是导入会导致我的应用程序“崩溃”:我的typscript编译器似乎工作得很好(我可以看到其他代码的日志),但是修改不再传输,所以我无法运行任何东西。我没有任何与ng2文件上传相关的错误日志(除了大量重复的标识符)
有什么想法吗
编辑:我已将此软件包从节点_模块
提取到我的应用程序附近的文件夹(供应商
),并使用相对路径导入文件拖放
和文件上传器
,但systemjs未能导入:
错误:SyntaxError:意外令牌我将尝试此配置:
{
map: { 'ng2-file-upload': 'node_modules/ng2-file-upload' },
packages: {
'ng2-file-upload': {
defaultExtension: 'js'
},
(...)
}
}
并通过以下方式导入:
import { FileDrop, FileUploader } from 'ng2-file-upload/ng2-file-upload';
下面是我的systemjs.config,它可以工作:
var map = {
'app': 'app', // 'dist',
'rxjs': 'node_modules/rxjs',
'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
'@angular': 'node_modules/@angular',
'ng2-file-upload': 'node_modules/ng2-file-upload'
};
var packages = {
'app': { main: 'main.js', defaultExtension: 'js' },
'rxjs': { defaultExtension: 'js' },
'angular2-in-memory-web-api': { defaultExtension: 'js' },
'ng2-file-upload': { main: 'ng2-file-upload.js', defaultExtension: 'js' }
};
我也试过这个,但不起作用:/。我将为我的问题添加详细信息。SystemJS执行哪个请求来加载库(但失败)?当我告诉SystemJS通过写入import…
导入包时,似乎我的修改没有正确传输,我的import
指令没有执行。|(可能是由于配置不好,SystemJS和TSC之间存在冲突?)
var map = {
'app': 'app', // 'dist',
'rxjs': 'node_modules/rxjs',
'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
'@angular': 'node_modules/@angular',
'ng2-file-upload': 'node_modules/ng2-file-upload'
};
var packages = {
'app': { main: 'main.js', defaultExtension: 'js' },
'rxjs': { defaultExtension: 'js' },
'angular2-in-memory-web-api': { defaultExtension: 'js' },
'ng2-file-upload': { main: 'ng2-file-upload.js', defaultExtension: 'js' }
};