angular - 如何将 PrimeNG 编辑器集成到使用 Jhipster 创建的 Angular 应用程序中

标签 angular editor jhipster primeng

我正在尝试集成PrimeNG editorJHispter生成angular应用程序。
我关注了 PrimeNG 网站 general instructionseditor instructions :

  1. npm install primeng --save
  2. npm install @angular/animations --save
  3. npm install quill --save
  4. 将 Quill 添加到 angular-cli.json 中的脚本中
  5. 进口EditorModulehome.modules
  6. 已添加<p-editor [(ngModel)]="text" [style]="{'height':'320px'}"></p-editor>在 html 文件中
  7. 已执行npm start命令来运行应用程序。

用户界面如下所示 enter image description here 并出现以下错误:

ERROR ReferenceError: Quill is not defined at Editor.ngAfterViewInit (webpack-internal:///./node_modules/primeng/components/editor/editor.js:36) enter image description here

谢谢

最佳答案

我也遇到了同样的错误。

将以下行添加到我的 webpack.common.js 插件中,现在它可以工作了。

new webpack.ProvidePlugin({ Quill: "quill" })

关于angular - 如何将 PrimeNG 编辑器集成到使用 Jhipster 创建的 Angular 应用程序中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48246938/

相关文章:

angular - primeng 日历 - 以客户端时区显示

javascript - 在哪里放置谷歌标签管理器标签片段在 Angular 中?

Vim:在行尾插入

registry - 如何禁用 jhipster 注册表?

html - 如何使用innerHTML渲染 Angular 变量 - Angular2

angular - 错误 TS2351 : This expression is not constructable. 类型 'typeof import("jspdf")' 没有构造签名

c++ - 不使用 Ctrl+Space 的 Netbeans 中的可变代码完成

logging - 有没有 "generic log file analyzer/editor"?

java - jhipster LazyInitializationException

angular - Webpack 提供的 Angular 2 App 的基于环境的属性?