2016-12-02 6 views
4

Я пытаюсь импортировать import {UpgradeComponent} из '@ angular/upgrade/static'; для использования угловой директивы1 в угловом2 с использованием ngupgrade, но я получаю эту ошибку.Неожиданный экспорт токена - Угловой 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 Uncaught SyntaxError: Неожиданный маркер экспорта ошибка отображается в консоли в section-> экспорт {downgradeComponent} от»./ SRC/АОТ/downgrade_component '; –

+0

@johnsam Stacktrace означает, что вы должны размещать не одну строку, а стоп вызовов от корня. –

ответ

0

export не Javascript ключевого слова, как-то ваш браузер загружает файл .ts, когда она должна быть загрузкой скомпилированных .js файла.

В зависимости от метода, который вы используете для объединения модулей, решение проблемы с этим решением может быть любым. Но у вас есть инструкция где-то, что говорит браузеру, что когда он видит @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

благодарит за вашу помощь. Похоже, что корень в webpack был установлен в другом месте. Он работает сейчас. –

+0

@johnsam, что вы изменили в своей конфигурации веб-пакета? У меня тоже проблемы с моей настройкой. – 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.менее \t \t \t \t \t}, \t \t \t \t \t выход: { \t \t \t \t \t \t Путь: __dirname, \t \t \t \t \t \t имя файла:»./build/[name].bundle .js " \t \t \t \t \t}, \t \t \t \t \t решительность: { \t \t \t \t \t \t корень: path.join (__ имя_директории, 'приложение'), \t \t \t \t \t}, \t \t \t \t \t модуль: { \t \t \t \t \t \t l oaders: [ \t \t \t \t \t \t \t { \t \t \t \t \t \t \t \t тест: /\.ts/, \t \t \t \t \t \t \t \t погрузчики: [ 'TS-погрузчик'], \t \t \t \t \t \t \t \t исключить:/node_modules/ \t \t \t \t \t \t \t} \t \t \t \t \t \t] \t \t \t \t \t} \t \t \t \t}; –

Смежные вопросы