无法加载转播器

我有一个在Node上运行的Angular应用程序,我最近刚开始遇到问题。 我遇到了译员错误:请参阅图片。

Chrome开发人员图片

所以该应用程序正在工作,我正在试图得到mmmagic加载,以便我可以评估上传的文件。 那么我不能为了一个原因。 但在这个过程中,我开始更新大多数NPM软件包。 我放弃了得到mmmagic装载,并开始得到这个错误时,要去做其他事情。 基于我上传的图像,我不承认如何不加载打字稿。 我已经尝试了我能想到的一切,更新了大部分软件包,在tsconfig.json中更改了值,systemjs.config.js,重新加载了node_modules … Typescript在那里,但由于某种原因,它没有加载它。

System.config({ transpiler: 'typescript.js', typescriptOptions: { emitDecoratorMetadata: true, target: "ES5", module: "commonjs"}, map: { '@angular': 'node_modules/@angular', 'rxjs' : 'node_modules/rxjs', }, paths: { 'node_modules/@angular/*': 'node_modules/@angular/*/bundles' }, meta: { '@angular/*': {'format': 'cjs'}, 'typescript': { "exports": "ts" } }, packages: { 'app' : {main: 'main', defaultExtension: 'ts'}, 'rxjs' : {main: 'Rx'}, '@angular/core' : {main: 'core.umd.min.js'}, '@angular/common' : {main: 'common.umd.min.js'}, '@angular/compiler' : {main: 'compiler.umd.min.js'}, '@angular/router' : {main: 'router.umd.min.js'}, '@angular/forms' : {main: 'forms.umd.min.js'}, '@angular/http' : {main: 'http.umd.min.js'}, '@angular/platform-browser' : {main: 'platform-browser.umd.min.js'}, '@angular/platform-browser-dynamic': {main: 'platform-browser-dynamic.umd.min.js'} } 

});

如果有什么我可以上传,可能有帮助,请让我知道。 我似乎已经遇到了这个路障。

谢谢


UPDATE

所以我仍然在做一些研究,并能够通过指定systemjs.config.js中的完整path来解决原始问题。

 map: { '@angular': 'node_modules/@angular', 'rxjs' : 'node_modules/rxjs', 'typescript': 'node_modules/typescript/lib/typescript.js' }, 

所以现在我没有得到任何问题,没有加载transpiler,但现在我得到这个错误。

错误:打字稿不是有效的转播者插件。

看到图像在这里input图像描述

我不知道这是什么现在,几乎要背单词….

谢谢

我不能让这个rest。 所以这个问题的开始logging在这里

https://github.com/systemjs/systemjs/issues/1587

看起来,编译器的默认加载器已经改变了。 所以我从上面的线上跟着“guybedford”的build议。 必须安装插件打字稿并相应地进行configuration。 以下是更新的Systemjs.config文件。

 System.config({ transpiler: 'ts', typescriptOptions: { emitDecoratorMetadata: true, experimentalDecorators: true, target: "ES5", module: "system" //module: "commonjs" }, map: { '@angular': 'node_modules/@angular', 'rxjs' : 'node_modules/rxjs', 'typescript': 'node_modules/typescript/', 'ts': 'node_modules/plugin-typescript/lib' }, paths: { 'node_modules/@angular/*': 'node_modules/@angular/*/bundles' }, meta: { '@angular/*': {'format': 'cjs'}, 'node_modules/typescript/lib/typescript.js': { 'exports': 'ts' } }, packages: { 'app' : {main: 'main', defaultExtension: 'ts'}, 'rxjs' : {main: 'Rx'}, '@angular/core' : {main: 'bundles/core.umd.min.js'}, '@angular/common' : {main: 'bundles/common.umd.min.js'}, '@angular/compiler' : {main: 'bundles/compiler.umd.min.js'}, '@angular/router' : {main: 'bundles/router.umd.min.js'}, '@angular/forms' : {main: 'bundles/forms.umd.min.js'}, '@angular/http' : {main: 'bundles/http.umd.min.js'}, '@angular/platform-browser' : {main: 'bundles/platform-browser.umd.min.js'}, '@angular/platform-browser-dynamic': {main: 'bundles/platform-browser-dynamic.umd.min.js'}, 'ts' : {main: 'plugin.js'}, 'typescript' : {main: 'lib/typescript.js'} } 

});