How to fix Error: Type FroalaEditorModule does not have 'ngModuleDef' property Using Froala Wysiwyg

Question

I'm following the instructions at Angular Froala WYSIWYG Editor and I'm using angular version 8.3.26.

app.nodule...

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

imports: [  
    ...
    FroalaViewModule.forRoot(), FroalaEditorModule.forRoot()
], 

I'm getting and error when I run the application:

Error: Type FroalaEditorModule does not have 'ngModuleDef' property.

How do I fix that?

Answer 1

There is an open BUG #441 in editor's Github repository which does say this is an issue. One of the comment on the issue refers to a fix in Open Pull request and suggests to use the build from the pull request as opposed to using standard npm package.

So you have 2 options. Either upgrade to Angular 9 or use build from the pull request which I verified works fine!

In order to use build from pull request follow these steps:

1. Uninstall editor npm uninstall angular-froala-wysiwyg --save
2. Install package build from PR npm i leo6104/angular-froala-wysiwyg#feat/ng-packagr-builds --save
3. Add dependencies:

npm i [email protected] --save 
npm i jasmine-core@>=3.5 --save

4. Run your app ng serve

Answer 2

Seems like it is an issue with Ivy compilations, If you will turn it off everything will work fine.

tsconfig.app.json

{
"angularCompilerOptions": {
    "enableIvy": false
  }
}

I would suggest you to go through below documents to get more about error and Ivy implementation:

Angular Ivy

does not have 'ngModuleDef' property

I am also new to this error, hope you find some help and hope this links help you.

Answer 3

In this cases, We want OP to reproduce the problem. Never mind, So I list 3 minimal reproduction of angular froala wysiwyg on Stackblitz. Please pay attention to their patterns and dependency versions which may solve your problem :

• Stackblitz for Angular ^8.0.0 with tsconfig.json file, multiple domain
• Stackblitz for Angular ^8.0.0 without tsconfig.json file, single domain
• Stackblitz for Angular ^10.0.0 without tsconfig.json file, single domain