Ngx-tinymce-editor не имеет экспортированного члена 'NgxTinymceModule'

Я пытаюсь внедрить ngx-tinymce-редактор в свой проект, но, похоже, здесь есть препятствие. Это ошибка самого плагина, или мне что-то здесь не хватает.

ERROR in src/app/components/article/article-submit-form/article-submit-form.module.ts(4,10): error TS2305: Module '"*Project Path*/web/node_modules/ngx-tinymce-editor/ngx-tinymce-editor"' has no exported member 'NgxTinymceModule'

Вот как мой компонент, в который я пытаюсь включить редактор tinymce:

import { NgModule } from "@angular/core";
import { ArticleSubmitFormComponent } from "./article-submit-form.component";
import { SharedModule } from "../../shared/shared.module";
import { NgxTinymceModule } from "ngx-tinymce-editor";

@NgModule({
    imports: [SharedModule, NgxTinymceModule.forRoot()],
    declarations: [ArticleSubmitFormComponent],
    exports: [ArticleSubmitFormComponent]
})
export class ArticleSubmitFormModule {}

Я даже пробовал включить его модуль в app.module.ts, но пока ничего не происходит должным образом.

Я использую селектор по умолчанию так:

<ngx-tinymce-editor [(content)] = "content"></ngx-tinymce-editor>

и я получаю следующие ошибки:

'ngx-tinymce-editor' is not a known element: 1. If 'ngx-tinymce-editor' is an Angular component, then verify that it is part of this module. 2. If 'ngx-tinymce-editor' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

а также

{ "resource": "/d:/Projects/dev/SXNM-PROD/web/src/app/app.component.html", "owner": "_generated_diagnostic_collection_name_#1", "code": "undefined", "severity": 8, "message": "Can't bind to 'content' since it isn't a known property of 'ngx-tinymce-editor'.\n1. If 'ngx-tinymce-editor' is an Angular component and it has 'content' input, then verify that it is part of this module.\n2. If 'ngx-tinymce-editor' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.\n3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.", "source": "Angular", "startLineNumber": 54, "startColumn": 21, "endLineNumber": 54, "endColumn": 42 }

но у меня есть свойство content = ``;, добавленное в мой компонент, которому нужен tinymce.

Вы тоже запускали npm i tinymce?

user4676340 07.06.2018 09:14

Да. С необязательной опцией --save

Tanasos 07.06.2018 09:15

(сохранение автоматически добавляется в новых версиях npm)

user4676340 07.06.2018 09:15
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
657
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Этот модуль называется «NgxTinymceEditorModule». Попробуйте импортировать это, в документах отображается неправильное имя.

import { NgxTinymceEditorModule } from "ngx-tinymce-editor";

а также

imports: [SharedModule, NgxTinymceEditorModule.forRoot()],

Теперь я получаю следующую ошибку: ERROR ReferenceError: tinymce is not defined at NgxTinymceComponent.push../node_modules/ngx-tinymce-editor/f‌​esm5/ngx-tinymce-edi‌​tor.js.NgxTinymceCom‌​ponent.ngAfterViewIn‌​it (ngx-tinymce-editor.js:52).

Tanasos 07.06.2018 09:24

Насколько я понимаю, компонент сам по себе не импортирует tinymce. Вам, вероятно, придется импортировать его самостоятельно.

Shadowlauch 07.06.2018 09:27

Я сделал, как вы предложили в своем ответе.

Tanasos 07.06.2018 09:30

Мой ответ показывает только импорт компонента. Компоненту также нужна библиотека tinymce для работы. Взгляните на этот tinymce.com/docs/advanced/usage-with-module-loaders, чтобы импортировать сам tinymce

Shadowlauch 07.06.2018 09:32

Другие вопросы по теме