2016-12-02 5 views
4

'@ angular/upgrade/static'에서 가져 오기 {UpgradeComponent} 을 가져 오려고합니다. ngupgrade를 사용하여 angular2에 angular1 지시문을 사용했지만이 오류가 발생합니다.예기치 않은 토큰 내보내기 - 각도 2

코드 :

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); 
    } 
} 
+0

여기서 오류가 있습니까? 오류의 쇼 스택 추적하십시오 –

+0

Rehban, 오류 메시지 : main.bundle.js : 84 catch되지 않은 구문 에러 : 예기치 않은 토큰 수출 섹션 -> 수출에서 {downgradeComponent} '에서 콘솔에 표시 오류 ./ src/aot/downgrade_component '; –

+0

@johnsam Stacktrace는 한 줄이 아니라 루트에서 호출 스택을 게시해야 함을 의미합니다. –

답변

0

export는 컴파일 된 .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 어딘가에 있습니다.

+0

. 웹팩의 루트가 다른 장소에 설정된 것처럼 보입니다. 이제 작동합니다. –

+0

@ johnsam webpack 설정에서 무엇을 변경 했습니까? 내 설치 프로그램에서도 비슷한 문제가 발생합니다. – TheBlueMan

+0

@bluestring \t \t \t \t module.exports = { \t \t \t \t \t 엔트리 { \t \t \t \t \t \t 벤더 './app/vendor'메인 \t \t \t \t \t \t './ app/main ', \t \t \t \t \t \t css : './app/styles. –