Проблемы с @ types / ckeditor - PullRequest
0 голосов
/ 07 мая 2019

У меня возникли некоторые проблемы при использовании @ types / ckeditor из следующего источника.

https://www.npmjs.com/package/@types/ckeditor

Я установил пакет нормально, а затем импортировал типв соответствующий файл, и все это зелено в коде VS.

import "CKEDITOR";
import { Injectable } from '@angular/core';

export interface IEditor {
    editor: CKEDITOR.editor
    addEventHandler(eventName: string, onEvent: Function): void;
    addContextMenuItem(menulabel: string, onEvent: Function): void;
    getTrackingPlugin(): any;
}
@Injectable({
    providedIn: 'root'
  })

export class Editor implements IEditor {
  public editor: CKEDITOR.editor

  constructor(rootElement: HTMLElement, config: CKEDITOR.config) {
      this.editor = CKEDITOR.inline(rootElement, config);
  }
}

Это здорово, однако, когда я делаю сборку, я получаю следующую ошибку.

ERROR in ./src/app/modules/single-editor/services/editor.service.ts
Module not found: Error: Can't resolve 'CKEDITOR' in 'C:\Code\***\src\web\src\app\modules\single-editor\services'
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! web@0.0.0 build: `ng build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the web@0.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\***\AppData\Roaming\npm-cache\_logs\2019-05-07T10_31_08_926Z-debug.log
The terminal process terminated with exit code: 1

Terminal will be reused by tasks, press any key to close it.

Этот код находится внутриэто собственный модуль, я использую последнюю версию Angular и использую ckeditor 4.

1 Ответ

0 голосов
/ 07 мая 2019

Я верю, что нашел ответ. Мне нужно было включить следующее.

/// <reference types="@types/ckeditor" /> 

Я пробовал это раньше, и это не сработало, но главное, что я сделал неправильно, - не включил его в самое начало файла , это важно.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...