Froala编辑器在使用TypeScript的Angular 4中无法正常工作。

Question

我正在使用Angular 4和TypeScript，并安装了ng2-froala-editor，但是当我想要npm start时出现错误。

[at-loader] ./node_modules/ng2-froala-editor/ng2-froala-editor.d.ts:1:1 
TS6053: File './node_modules/typings/globals/core-js/index.d.ts' not found.
errors @ client?0fb1:119
sock.onmessage @ socket.js?e5d0:37
EventTarget.dispatchEvent @ eventtarget.js?3e89:51
(anonymous) @ main.js?45b8:274
SockJS._transportMessage @ main.js?45b8:272
EventEmitter.emit @ emitter.js?927b:50
WebSocketTransport.ws.onmessage @ websocket.js?c17e:35
wrapFn @ zone.js?fad3:1075
ZoneDelegate.invokeTask @ zone.js?fad3:424
Zone.runTask @ zone.js?fad3:191
ZoneTask.invokeTask @ zone.js?fad3:498
invokeTask @ zone.js?fad3:1370
globalZoneAwareCallback @ zone.js?fad3:1388

我导入了这个：

import {FroalaEditorModule} from 'ng2-froala-editor/ng2-froala-editor';

把它放进 module.ts 文件中，然后将其放进组件中。

import {FroalaEditorComponent} from 'ng2-froala-editor/ng2-froala-editor';

有人知道如何解决这个错误吗？

- Mateusz Sobczak

Answer 1

您可以使用 angular-froala-wysiwyg（我在我的项目中使用它）。

通过以下方式安装：

npm install angular-froala-wysiwyg

并在 app.module.ts 中导入

import { FroalaEditorModule, FroalaViewModule } from 'angular-froala-wysiwyg';

同时在 @ngModule 装饰器中导入

FroalaEditorModule.forRoot(), FroalaViewModule.forRoot() 

希望我能解决你的问题。

- deepak singh papola