Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
File upload Angular2:ng2文件上载:无法使用SystemJS正确加载它_File Upload_Typescript_Angular_Systemjs - Fatal编程技术网

File upload Angular2:ng2文件上载:无法使用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'

我使用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'
        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' }
};