Проблема компиляции с примером LitElement TS - PullRequest
Новая
       72

Проблема компиляции с примером LitElement TS

0 голосов
/ 17 марта 2020

Hello Polymer Community:

У нового пользователя возникли проблемы с lit-element с TS, и я не уверен, почему.

У меня настроена TS и она работает нормально (скомпилирован другой TS примеры).

Установил ли npm элемент с подсветкой на странице «Приступая к работе».

https://lit-element.polymer-project.org/guide/start

Пример использования TS в разделе : «Используйте декораторы LitElement TypeScript» и получайте всевозможные неприятности.

ts c my-element.ts приводит к полному провалу: 

my-element.ts:14:14 - error TS1219: Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning.

14 export class MyElement extends LitElement {

my-element.ts:20:3 - error TS1219: Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning.

20   foo = 'foo';

node_modules/lit-element/lib/updating-element.d.ts:102:38 - error TS2583: Cannot find name 'Map'. Do you need to change your target library? Try changing the `lib` compiler option to es2015 or later.

102 export declare type PropertyValues = Map<PropertyKey, unknown>;

node_modules/lit-html/lib/parts.d.ts:18:63 - error TS2304: Cannot find name 'Iterable'.

18 export declare const isIterable: (value: unknown) => value is Iterable<unknown>;

node_modules/lit-html/lib/render.d.ts:16:29 - error TS2583: Cannot find name 'WeakMap'. Do you need to change your target library? Try changing the `lib` compiler option to es2015 or later.

16 export declare const parts: WeakMap<Node, NodePart>;

node_modules/lit-html/lib/template-factory.d.ts:56:28 - error TS2583: Cannot find name 'WeakMap'. Do you need to change your target library? Try changing the `lib` compiler option to es2015 or later.

56     readonly stringsArray: WeakMap<TemplateStringsArray, Template>;

node_modules/lit-html/lib/template-factory.d.ts:57:25 - error TS2583: Cannot find name 'Map'. Do you need to change your target library? Try changing the `lib` compiler option to es2015 or later.

57     readonly keyString: Map<string, Template>;

node_modules/lit-html/lib/template-factory.d.ts:59:38 - error TS2583: Cannot find name 'Map'. Do you need to change your target library? Try changing the `lib` compiler option to es2015 or later.

59 export declare const templateCaches: Map<string, templateCache>;

Found 8 errors.

Я понятия не имею, как нажмите вперёд и действительно хотите поработать с веб-компонентами и TS для нового проекта.

Мой tsconfig. json: 

{
    "compilerOptions": {
      "target": "es6",
      "module": "es6"
    }
}

Я также пробовал без файла tsconfig. Те же результаты.

Пожалуйста, добрые люди, помогите мне указать верное направление. Спасибо. David

...