angular – PrimeNg错误:未定义Quill

前端之家收集整理的这篇文章主要介绍了angular – PrimeNg错误:未定义Quill前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在primeng: https://www.primefaces.org/primeng/#/editor中使用编辑器控件

但是我收到了错误

ERROR ReferenceError: Quill is not defined
at Editor.webpackJsonp…/../../../primeng/components/editor/editor.js.Editor.ngAfterViewInit

我的项目使用:

> Angular Cli:1.4.1
> Angular: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>

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

enter image description here

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

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

解决方法

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

版本:

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;
}

Output

猜你在找的Angularjs相关文章