Нужно ли настраивать веб-пакет для ES6? - PullRequest
Новая
       13

Нужно ли настраивать веб-пакет для ES6?

1 голос
/ 04 июля 2019

У меня есть угловое приложение с файлом .tsconfig, ориентированное на ES6. 

{
  "compileOnSave": false,
  "compilerOptions": {
    "allowJs": true,
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "module": "es2015",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es6",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom",
      "es2018.promise"
    ]
  }
}

Следующий угловой компонент (машинопись): 

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';

import { DispositifsDATIRoutingModule } from './dispositifsDATI.routes';
import { SharedModule } from '../shared/shared.module';
import { DISPOSITIFS_DATI_COMPONENTS } from './index';

import { InputUtilitiesModule } from 'ng-uikit-pro-standard';
import { MaterialChipsModule, BadgeModule, IconsModule, WavesModule } from 'ng-uikit-pro-standard';

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    ReactiveFormsModule,
    SharedModule,
    HttpClientModule,
    DispositifsDATIRoutingModule,
    InputUtilitiesModule,
    MaterialChipsModule,
    BadgeModule,
    IconsModule,
    WavesModule
  ],

  declarations: [DISPOSITIFS_DATI_COMPONENTS]
})

export class DispositifsDATIModule { }

передается через веб-пакет в: 

/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DispositifsDATIModule", function() { return DispositifsDATIModule; });

Что не получается во время выполнения с:

ReferenceError: Невозможно получить доступ к DispositifsDATIModule до инициализации

Я понятия не имею, что здесь происходит.

Есть ли что-то, что нужно изменить в конфигурации веб-пакета при использовании ES6?

РЕДАКТИРОВАТЬ: Кажется, это проблема в angular и / или TypeScript относительно ES2015

Ответы [ 2 ]

0 голосов
/ 10 июля 2019

Хорошо, эта ошибка была вызвана тем, что я ссылался на модуль, который использовал декораторы TypeScript. Я удалил декораторы в пользу эквивалентного API, и проблема исчезла.

0 голосов
/ 04 июля 2019

Полагаю, у вас есть круговые зависимости, ваш файл компонента (скажем, MyComponent.ts) импортирует DISPOSITIFS_DATI_COMPONENTS из ./index.ts, а index.ts импортирует компонент из ./MyComponent.ts.

Так что они зависят друг от друга. В этом случае DISPOSITIFS_DATI_COMPONENTS может быть не инициализировано к тому времени, когда вы его используете.

Я бы извлек его в третий файл, чтобы избежать циклических зависимостей

UPD: вот полезная статья https://blog.angularindepth.com/how-to-break-a-cyclic-dependency-between-es6-modules-fd8ede198596

...