Блог

Я создаю новый плагин для TinyMCE, используя генератор Yeoman, как предложено в официальной документации.

Однако, даже если я создаю полностью пустой проект, используя yo tinymce и npm install , проект можно просмотреть ( npm start ), но когда я пытаюсь его собрать ( npm run build ), он завершается ошибкой в следующем списке ошибок (сильно сокращен):

 Running "clean:dirs" (clean) task
>> 0 paths cleaned.

Running "tslint:plugin" (tslint) task
>> 6 files lint free.

Running "shell:command" (shell) task
node_modules/@ephox/agar/lib/main/ts/ephox/agar/api/DragnDrop.d.ts(11,34): error TS2304: Cannot find name 'File'.
node_modules/@ephox/agar/lib/main/ts/ephox/agar/api/DragnDrop.d.ts(15,38): error TS2304: Cannot find name 'File'.

// A lot other node_modules error lines here

node_modules/tinymce/tinymce.d.ts(2745,29): error TS2304: Cannot find name 'Document'.
node_modules/tinymce/tinymce.d.ts(2751,45): error TS2304: Cannot find name 'Window'.
node_modules/tinymce/tinymce.d.ts(2752,54): error TS2304: Cannot find name 'Document'.
node_modules/tinymce/tinymce.d.ts(2752,65): error TS2304: Cannot find name 'ShadowRoot'.
Warning: Command failed: tsc
 Use --force to continue.

Aborted due to warnings.
npm ERR! code ELIFECYCLE
npm ERR! errno 6
npm ERR! myproject@1.0.0 build: `grunt`
npm ERR! Exit status 6
npm ERR!
npm ERR! Failed at the myproject@1.0.0 build script.
  

Есть ли у вас какие-либо идеи о том, как преодолеть эту проблему? Я пытался создать код как для Windows, так и для WSL.

Спасибо за любую помощь.

У меня была такая же проблема, и она была решена путем добавления дополнительных строк кода в tsconfig.json файл:

 {
  "compilerOptions": {
    "skipLibCheck": true
  }
}
  

Это исключит node_modules проверку каталога во время компиляции.
Более подробную информацию можно найти здесь:
https://dd.engineering/blog/typescript-the-skiplibcheck-option-explained