意外的令牌导出 - Angular 2

Question

我正在尝试导入 从 '@angular/upgrade/static' 导入 { UpgradeComponent }； 使用 ngupgrade 在 angular2 中使用 angular1 指令，但我收到此错误。

代码：

import { Directive, ElementRef, Injector } from '@angular/core';
import { UpgradeComponent } from '@angular/upgrade/static';
@Directive({
  selector: 'help'
})
export class HelpComponentA1Directive extends UpgradeComponent {
  constructor(elementRef: ElementRef, injector: Injector) {
      super('help', elementRef, injector);
  }
}

Answer 1

export 不是 javascript 关键字，不知何故，您的浏览器在加载已编译的 .js 文件时却加载了 .ts 文件。

根据您用于捆绑模块的方法，解决此问题的解决方案可能是任何方法。但是你有一个指令告诉浏览器当它看到@angular/upgrade/static时，它应该加载node_modules/@angular/upgrade/static.ts。它应该改为加载

之一

• node_modules/@angular/upgrade/static.js，或
• node_modules/@angular/upgrade/bundles/static.umd.js

您可能遇到的另一个潜在问题（我已经多次遇到此问题）是您在某处将import 语句注释掉到@angular/upgrade/static。