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

user_402421 0
Viewed 3990

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?

froala angular
3 Answers

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 froala-editor@3.0.5 --save 
npm i jasmine-core@>=3.5 --save
  1. Run your app ng serve

enter image description here

user_11778140

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.

user_105786380

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
user_17439970
Related