Editor 我将primeng从5更新到了版本8,编辑器组件没有';看起来不太好

Editor 我将primeng从5更新到了版本8,编辑器组件没有';看起来不太好,editor,primeng,angular8,Editor,Primeng,Angular8,更新时,编辑器无法正确显示,就像它没有加载css一样,但我安装了quill依赖项并将其添加到angular.json "styles": [ "node_modules/primeicons/primeicons.css", "node_modules/primeng/resources/primeng.min.css", "node_modules/font-awesome/css/font-awesome.min.css", "node_modules/quill/d

更新时,编辑器无法正确显示,就像它没有加载css一样,但我安装了quill依赖项并将其添加到angular.json

"styles": [
   "node_modules/primeicons/primeicons.css",
   "node_modules/primeng/resources/primeng.min.css",
   "node_modules/font-awesome/css/font-awesome.min.css",
   "node_modules/quill/dist/quill.core.css",
   "node_modules/quill/dist/quill.snow.css",
   "src/styles.scss"
],
"scripts": [
   "node_modules/quill/dist/quill.js"
]
package.json

"dependencies": {
   ...,
   "primeicons": "2.0.0",
   "primeng": "8.0.3",
   "quill": "1.1.8",
  },
angular.json

"styles": [
   "node_modules/primeicons/primeicons.css",
   "node_modules/primeng/resources/primeng.min.css",
   "node_modules/font-awesome/css/font-awesome.min.css",
   "node_modules/quill/dist/quill.core.css",
   "node_modules/quill/dist/quill.snow.css",
   "src/styles.scss"
],
"scripts": [
   "node_modules/quill/dist/quill.js"
]
我觉得怎么样

应该是什么样子

控制台错误:

我的组件编辑器HTMLComponent

编辑器-html.component.html

<div *ngIf="showLabel != null ? showLabel : true"
     class="label-top">{{ label }}</div>
<p-editor [style]="style ? style : {'height':'200px', 'background-color':'#FFFFFF'}"
          [styleClass]="styleClass ? styleClass : null"
          [placeholder]="placeholder"
          [readonly]="readonly ? readonly : false"
          [formats]="formats"
          [(ngModel)]="value"
          (onTextChange)="textChange ? textChange($event) : ''"
          (onSelectionChange)="updateData($event)"
          (onInit)="init ? init($event) : ''">
    <p-header *ngIf="hideToolbar ? hideToolbar : false"
              hidden>
        <span class="ql-formats"></span>
    </p-header>
</p-editor>
有什么想法吗


谢谢

我已经完全测试并将我现有的一个项目从Angular 5迁移到Angular 8。适用于涂底漆5至涂底漆8的迁移。仔细分析了你的情况。下面是你唯一遗漏的东西

在package.json中:

    "primeicons": "^2.0.0",
    "primeng": "^8.0.3",
    "quill": "^1.3.7",
    "rxjs": "~6.3.3",
注意:Quill JS版本应为1.3及以上版本,因为您已经迁移了所有其他库

以及预期产量:

为方便起见我还使用上述代码创建了stackblitz:

应用程序URL:

编辑器URL:

要使其正常工作:

    "primeicons": "^2.0.0",
    "primeng": "^8.0.3",
    "quill": "^1.3.7",
    "rxjs": "~6.3.3",
步骤1:如上所述更新package.json

步骤2:执行
npm安装

步骤3:使用
ng s


希望它一定能工作。

您有任何控制台错误吗?是的,对不起,我更新了帖子,谢谢。