PrimeNg错误:未定义Quill

Question

我试图在primeng中使用编辑器控件:https://www.primefaces.org/primeng/#/editor

但是我收到了错误:

ERROR ReferenceError:在Editor.webpackJsonp .../../../../primeng/components/editor/editor.js.Editor.ngAfterViewInit中未定义Quill

我的项目使用:

• Angular Cli:1.4.1
• 角度:4.3.6
• NPM:5.4.1
• 节点:6.10.0
• PrimeNG:4.2.0

我发现了这个问题:https://github.com/primefaces/primeng/issues/807

我按照说明操作:

导入编辑器模块

import {EditorModule} from 'primeng/primeng';

安装包:

npm install quill --save

npm install @types/quill --save

更新angular-cli.json

"styles": [ "../node_modules/quill/dist/quill.core.css", "../node_modules/quill/dist/quill.snow.css", ], "scripts": [ "../node_modules/quill/dist/quill.js" ],

但它仍然有同样的问题.我只是添加默认标记:

<p-editor [(ngModel)]="text" [style]="{'height':'320px'}"></p-editor>

我得到错误,它看起来像这样:

我没有尝试的那个线程上唯一的东西是安装webpack插件,因为我使用的是角度cli,我不认为这是一个选项.

我可以尝试解决这个问题？

Answer 1

试试这个:它对我来说很完美

版本:

Node : 7.9.0
angular/cli: 1.3.0
angular: 4.3.6
npm: 4.2.0
primeng": "^4.2.0-rc.1"

安装节点模块quill

npm install quill --save

.angular-cli.json

"styles": [
  "../node_modules/primeng/resources/themes/omega/theme.css",
  "../node_modules/primeng/resources/primeng.min.css",
  "../node_modules/quill/dist/quill.core.css",
  "../node_modules/quill/dist/quill.snow.css"
],
"scripts": [
  "../node_modules/quill/dist/quill.js"
]

app.module.ts

import { EditorModule } from 'primeng/primeng';

@NgModule({
    imports: [
        EditorModule
    ]
})

app.component.html

<p-editor [(ngModel)]="text" [style]="{'height':'320px'}"></p-editor>

app.component.ts

export class AppComponent {
    text: string;
}