Angular项目在本地可以正常工作,但是在构建时会在Quill Editor中出现波纹错误

疯狂编码器

我在项目中使用的是8 +角钢,在本地,一切正常ng serve但是当我尝试部署它时,我遇到了以下问题。我关注很多问题,但对我来说却无济于事。更新角度,删除node_module等等..!

这是我得到的错误

./node_modules/ngx-quill/fesm2015/ngx-quill.js中的错误模块构建失败(来自./node_modules/@angular-devkit/build-optimizer/src/build-optimizer/webpack-loader.js):TypeError:无法在checkNodeForDecorators(/ Users)上的isAngularDecoratorMetadataExpression(/Users/liyanaarachchi/XXXXXX/iXXXXX/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:265:35)处读取未定义的属性'kind' /liyanaarachchi/XXXX/iXXXt/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:77:21)位于visitNodes(/ Users / liyanaarachchi / iXXX / iXXXX / node_modules / typescript / lib /在Object.forEachChild(/Users/liyanaarachchi/xxxx/iXXXXXX/node_modules/typescript/lib/typescript.js:16740处的typescript.js:16514:30):24)在visitNode上的checkNodeForDecorators(/Users/liyanaarachchi/iXXXX/XXXXXX/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:68:31)中(/ Users / liyanaarachchi / XXXX /node_modules/typescript/lib/typescript.js:16505:24)位于checkNodeForDecor的Object.forEachChild(/Users/liyanaarachchi/[email protected]/ibrainmart/node_modules/typescript/lib/typescript.js:16635:21) /Users/liyanaarachchi/ibraiXXXXm/iXXXart/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:68:31)位于visitNode(/ Users / liyanaarachchi / ibXXXm / XXXt / node_ lib / typescript.js:16505:24)位于checkNodeForDecorators(/ Users / liyanaarachchi / ibX.Object.forEachChild(/Users/liyanaarachchi/ibrXXXXXcom/XXXX/node_modules/typescript/lib/typescript.js:16703:24)com/XXXXXt/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:68:31)位于visitNode(/Users/liyanaarachchi/ibrXXXXm/iXXXXrt/node_modules/typescript/lib/typescript.js :16505:24)位于checkNodeForDecorators的Object.forEachChild(/Users/liyanaarachchi/XXXXXXom/ibXXXXart/node_modules/typescript/lib/typescript.js:16692:24)(/ Users / liyanaarachchi / ibraiXXXXm / ibXXXXart / node_modules / @ angular-位于object.forEachChild的visitNode(/Users/liyanaarachchi/ibXXXXX/iXXXXXart/node_modules/typescript/lib/typescript.js:16505:24)上的devkit / build-optimizer / src / transforms / scrub-file.js:68:31) (/用户/liyanaarachchi/ibrainmXXXXXm/ibXXXXXt/node_modules/typescript/lib/typescript.js:16599:21)forEachChild(/Users/liyanaarachchi/XXXXXXom/ibXXXXart/node_modules/typescript/lib/typescript.js:16692:24)位于checkNodeForDecorators(/ Users / liyanaarachchi / ibraiXXXXm / ibXXXxk / rde在object.forEachChild的visitNode(/Users/liyanaarachchi/ibXXXXX/iXXXXXart/node_modules/typescript/lib/typescript.js:16505:24)处转换/ scrub-file.js:68:31) ibXXXXXt / node_modules / typescript / lib / typescript.js:16599:21)forEachChild(/Users/liyanaarachchi/XXXXXXom/ibXXXXart/node_modules/typescript/lib/typescript.js:16692:24)位于checkNodeForDecorators(/ Users / liyanaarachchi / ibraiXXXXm / ibXXXxk / rde在object.forEachChild的visitNode(/Users/liyanaarachchi/ibXXXXX/iXXXXXart/node_modules/typescript/lib/typescript.js:16505:24)处转换/ scrub-file.js:68:31) ibXXXXXt / node_modules / typescript / lib / typescript.js:16599:21)forEachChild(/Users/liyanaarachchi/ibrainmXXXXXm/ibXXXXXt/node_modules/typescript/lib/typescript.js:16599:21)forEachChild(/Users/liyanaarachchi/ibrainmXXXXXm/ibXXXXXt/node_modules/typescript/lib/typescript.js:16599:21)

packge.json

   {
  "name": "ibrainmart",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@agm/core": "^1.1.0",
    "@angular/animations": "^8.1.3",
    "@angular/cdk": "^8.2.3",
    "@angular/common": "~8.1.3",
    "@angular/compiler": "~8.1.3",
    "@angular/core": "~8.1.3",
    "@angular/forms": "~8.1.3",
    "@angular/material": "^8.1.2",
    "@angular/platform-browser": "~8.1.3",
    "@angular/platform-browser-dynamic": "~8.1.3",
    "@angular/router": "~8.1.3",
    "@aws-amplify/ui": "^1.0.23",
    "@fortawesome/angular-fontawesome": "^0.5.0",
    "@fortawesome/free-solid-svg-icons": "^5.10.1",
    "@ng-bootstrap/ng-bootstrap": "^5.1.1",
    "@ng-select/ng-select": "^3.0.7",
    "angular-animate": "^1.7.8",
    "angular-bootstrap-datetimepicker": "^4.0.2",
    "angular-font-awesome": "^3.1.2",
    "angular-material": "^1.1.19",
    "angular-messages": "^1.7.8",
    "angular-multiple-select": "^1.1.3",
    "angular-popper": "^2.0.1",
    "angular-sortablejs": "^2.7.0",
    "aws-amplify": "^1.1.36",
    "aws-amplify-angular": "^3.0.11",
    "bootstrap": "^4.4.1",
    "bootstrap-table": "^1.15.3",
    "bootstrap4-toggle": "^3.5.0",
    "dropify": "^0.2.2",
    "e": "0.0.4",
    "font-awesome": "^4.7.0",
    "guid-typescript": "^1.0.9",
    "jquery": "^3.4.1",
    "material-design-icons": "^3.0.1",
    "moment": "^2.24.0",
    "ng-pick-datetime": "^7.0.0",
    "ng-sortgrid": "^1.3.3",
    "ngx-bootstrap": "^5.1.1",
    "ngx-float-button": "^1.0.0",
    "ngx-google-places-autocomplete": "^2.0.4",
    "ngx-highlightjs": "^4.0.2",
    "ngx-image-cropper": "^2.1.2",
    "ngx-image-editor": "^1.4.1",
    "ngx-paypal": "^5.0.0",
    "ngx-quill": "^7.3.12",
    "ngx-select-dropdown": "^1.1.0",
    "ngx-sortablejs": "^3.1.3",
    "open-iconic": "^1.1.1",
    "paypal-checkout": "^4.0.308",
    "popper.js": "^1.15.0",
    "quill": "^1.3.7",
    "rxjs": "~6.4.0",
    "sortablejs": "^1.10.0-rc3",
    "tslib": "^1.9.0",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.801.3",
    "@angular/cli": "^8.3.23",
    "@angular/compiler-cli": "~8.1.3",
    "@angular/language-service": "~8.1.3",
    "@types/googlemaps": "^3.39.1",
    "@types/jasmine": "~3.3.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/jquery": "^3.3.31",
    "@types/node": "~8.9.4",
    "codelyzer": "^5.0.0",
    "jasmine-core": "~3.4.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.1.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.0",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.15.0",
    "typescript": "~3.4.3"
  }
}

tsconfig.json

`{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"downlevelIteration": true,
"experimentalDecorators": true,
"module": "esnext",
"moduleResolution": "node",
"importHelpers": true,
"target": "es2015",
"types": ["googlemaps"],
"typeRoots": [
"node_modules/@types"
],
"lib": [
"es2018",
"dom"
]

},

"angularCompilerOptions": {
"fullTemplateTypeCheck": false,
"strictInjectionParameters": true
}
}

`

有人可以告诉我为什么我得到这个错误

angular.json

`{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"ibrainmart": {
"projectType": "application",
"schematics": {},
"root": "",
"sourceRoot": "src",
"prefix": "app",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/XX",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "tsconfig.app.json",
"aot": false,
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"./node_modules/ngx-bootstrap/datepicker/bs-datepicker.css",
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css",
"node_modules/ngx-select-dropdown/dist/assets/style.css"

        ],
        "scripts": [
          "node_modules/jquery/dist/jquery.min.js",
          "node_modules/bootstrap/dist/js/bootstrap.min.js",
          "node_modules/dropify/dist/js/dropify.js"


        ]
      },
      "configurations": {
        "DEV": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.dev.ts"
            }
          ],
          "optimization": true,
          "outputHashing": "all",
          "sourceMap": false,
          "extractCss": true,
          "namedChunks": false,
          "aot": true,
          "extractLicenses": true,
          "vendorChunk": false,
          "buildOptimizer": true,
          "budgets": [
            {
              "type": "initial",
              "maximumWarning": "4mb",
              "maximumError": "5mb"
            }
          ]
        },
        "STAG": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.stage.ts"
            }
          ],
          "optimization": true,
          "outputHashing": "all",
          "sourceMap": false,
          "extractCss": true,
          "namedChunks": false,
          "aot": true,
          "extractLicenses": true,
          "vendorChunk": false,
          "buildOptimizer": true,
          "budgets": [
            {
              "type": "initial",
              "maximumWarning": "4mb",
              "maximumError": "5mb"
            }
          ]
        },
        "PROD": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.prod.ts"
            }
          ],
          "optimization": true,
          "outputHashing": "all",
          "sourceMap": false,
          "extractCss": true,
          "namedChunks": false,
          "aot": true,
          "extractLicenses": true,
          "vendorChunk": false,
          "buildOptimizer": true,
          "budgets": [
            {
              "type": "initial",
              "maximumWarning": "8mb",
              "maximumError": "10mb"
            }
          ]
        },
        "LIVE": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.live.ts"
            }
          ],
          "optimization": true,
          "outputHashing": "all",
          "sourceMap": false,
          "extractCss": true,
          "namedChunks": false,
          "aot": true,
          "extractLicenses": true,
          "vendorChunk": false,
          "buildOptimizer": true,
          "budgets": [
            {
              "type": "initial",
              "maximumWarning": "4mb",
              "maximumError": "5mb"
            }
          ]
        }
      }
    },
    "serve": {
      "builder": "@angular-devkit/build-angular:dev-server",
      "options": {
        "browserTarget": "iXXXXX:build"
      },
      "configurations": {
        "production": {
          "browserTarget": "XXXX:build:production"
        }
      }
    },
    "extract-i18n": {
      "builder": "@angular-devkit/build-angular:extract-i18n",
      "options": {
        "browserTarget": "XXX:build"
      }
    },
    "test": {
      "builder": "@angular-devkit/build-angular:karma",
      "options": {
        "main": "src/test.ts",
        "polyfills": "src/polyfills.ts",
        "tsConfig": "tsconfig.spec.json",
        "karmaConfig": "karma.conf.js",
        "assets": [
          "src/favicon.ico",
          "src/assets"
        ],
        "styles": [
          "./node_modules/ngx-bootstrap/datepicker/bs-datepicker.css",
          "./node_modules/bootstrap/dist/css/bootstrap.min.css",
          "src/styles.css"
        ],
        "scripts": []
      }
    },
    "lint": {
      "builder": "@angular-devkit/build-angular:tslint",
      "options": {
        "tsConfig": [
          "tsconfig.app.json",
          "tsconfig.spec.json",
          "e2e/tsconfig.json"
        ],
        "exclude": [
          "**/node_modules/**"
        ]
      }
    },
    "e2e": {
      "builder": "@angular-devkit/build-angular:protractor",
      "options": {
        "protractorConfig": "e2e/protractor.conf.js",
        "devServerTarget": "XXX:serve"
      },
      "configurations": {
        "production": {
          "devServerTarget": "XXX:serve:production"
        }
      }
    }
  }
}
},
"defaultProject": "XXX"
}`
Chunbin Li

您有两种解决方案

如果您想了解更多信息,可以查看此链接https://github.com/ckeditor/ckeditor4-angular/issues/78


1.将buildOptimizer您的package.json设置为false

 "configurations": {
        "DEV": {
          ...
          "buildOptimizer": false,
        },
        "STAG": {
           ...
          "buildOptimizer": false,
        },
        "PROD": {
           ...
          "buildOptimizer": false,
        },
        "LIVE": {
          ...
          "buildOptimizer": false,
        }
      }
    },


2.更改angular-devkit的版本

"devDependencies": { 
"@angular-devkit/architect": "~0.803.20", 
"@angular-devkit/build-angular": "~0.803.20", 
"@angular-devkit/core": "~8.3.20", 
"@angular-devkit/schematics": "~8.3.20",
 },

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

我的SharedPreferences项目中出现错误

使用 FlexLayoutModule 在 Angular 11 中出现错误

添加Cocoapods后在iOS项目中出现构建错误?

我将.NET CORE项目从2.1更新到3.1,但是在启动类中出现了一些错误

xmlhttprequest,浏览器中出现500错误;在soapui中可以正常工作

仅在Chrome中出现403错误,在FF和IE中可以正常工作

linux中出现段错误时会发生什么

在c中出现分段错误,但是为什么呢?

在本地存储中出现损坏的 PDF 文件错误

成功构建,打字稿键入文件中出现许多错误

Openshift中出现“捕获到SIGWINCH,正常关闭”错误

为什么我的 javafx 项目中出现 xml 错误?

UnsatisfiedLinkError:在电报项目中出现此错误

使用 IIS Express 在 AngularJS 项目中出现 403 错误

在 Django 项目中出现“MultiValueDictKeyError at /button/'text”错误

尝试添加项目时在Entity Framework中出现错误

PostMan 正在工作,但 http 在颤动中出现 404 错误

fullcalendar''没有导出的成员'Options'。-Angular中出现错误

退订在Angular应用程序中出现错误?

Angular2(或TypeScript)中出现“期望的声明或声明”错误

在Sublime Text 3中出现错误的Angular 2

对于Angular 2应用程序,TFS Build失败(TypeScript错误),但是在本地一切正常

Webview在Logcat中显示带有错误的白页,但是在Chrome中打开时URL可以正常工作

为什么我的import语句在Deno中有语法错误,但是在Node.js中可以正常工作?

构建 VR 项目时在 Unity3d 中出现构建错误

Visual Studio 2015 Cordova工具-启动波纹时出现错误“ scriptedsandbox64.exe已停止工作”

云存储-可以通过API检索对象,但是在尝试访问MediaLink时会出现奇怪的错误

IDE中出现“不兼容的类型”错误,但是代码可以编译

为什么在C ++ AMP项目的构建过程中出现链接器错误