search

ckeditor / ckeditor4-angular

Official CKEditor 4 Angular component.
Other
55 stars 32 forks source link

Angular 7 Build Production Error #77

Closed trivopr closed 4 years ago

trivopr commented 4 years ago

Provide detailed reproduction steps (if any)

I have problem with production Build with CKEDITOR4-ANGULAR

errr

f1ames commented 4 years ago

Hello @trivopr, can you provide your package.json (or rather part of it with dependencies used for building) and your node/npm version so we can try to check what's going on?

trivopr commented 4 years ago

Hi @f1ames , here is my package.json :)

Node - v10.16.0
NPM - 6.1.0
{
  "name": "AKAGO",
  "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": {
    "@angular/animations": "~7.2.0",
    "@angular/common": "~7.2.0",
    "@angular/compiler": "~7.2.0",
    "@angular/core": "~7.2.0",
    "@angular/forms": "~7.2.0",
    "@angular/platform-browser": "~7.2.0",
    "@angular/platform-browser-dynamic": "~7.2.0",
    "@ckeditor/ckeditor5-angular": "^1.1.0",
    "@ckeditor/ckeditor5-build-classic": "^12.4.0",
    "@ungap/url-search-params": "^0.1.2",
    "bootstrap": "3.3.1",
    "ckeditor4-angular": "^1.0.0",
    "classlist.js": "^1.1.20150312",
    "core-js": "^2.5.4",
    "datatables.net-bs": "^1.10.19",
    "datatables.net-responsive-bs": "^2.2.3",
    "datatables.net-scroller-bs": "^2.0.0",
    "datatables.net-select-bs": "^1.3.0",
    "jquery": "^3.4.1",
    "markdown": "^0.5.0",
    "moment": "^2.8.1",
    "ngx-infinite-scroll": "^7.0.0",
    "perfect-scrollbar": "^1.4.0",
    "rxjs": "~6.3.3",
    "select2": "^4.0.6",
    "select2-bootstrap-theme": "0.1.0-beta.10",
    "simplemde": "^1.11.2",
    "tslib": "^1.9.0",
    "unescape": "^1.0.1",
    "uuid": "^3.3.3",
    "web-animations-js": "^2.3.2",
    "webpack-dev-server": "^3.8.2",
    "zone.js": "~0.8.26"
  },
  "devDependencies": {
    "@angular-builders/custom-webpack": "^7.3.1",
    "@angular-builders/dev-server": "^7.3.1",
    "@angular-devkit/build-angular": "~0.13.0",
    "@angular/cli": "~7.3.9",
    "@angular/compiler-cli": "~7.2.0",
    "@angular/language-service": "~7.2.0",
    "@types/bootstrap": "^4.3.1",
    "@types/datatables.net": "^1.10.17",
    "@types/jquery": "^3.3.30",
    "@types/node": "^8.9.5",
    "@types/requirejs": "^2.1.31",
    "@types/select2": "^4.0.48",
    "imports-loader": "^0.8.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "typescript": "^3.2.4"
  }
}
Dumluregn commented 4 years ago

Hi, I see you are using both CKEditor4 and CKEditor5:

    "@ckeditor/ckeditor5-angular": "^1.1.0",
    "@ckeditor/ckeditor5-build-classic": "^12.4.0",
    "@ungap/url-search-params": "^0.1.2",
    "bootstrap": "3.3.1",
    "ckeditor4-angular": "^1.0.0",

I think this may cause trouble as in both packages the component is called the same (ckeditor). Do you need both editors? If not, please remove the other one and try to generate your production build again.

trivopr commented 4 years ago

Hey @Dumluregn , I have already removed version 5. But it still happens. I dont know why :)

trivopr commented 4 years ago

Hey guys, Looking at the issue that happened with the build of production on the original Angular 7 application. I tried with a new project with it.

code

App.modules.js

code-app

Dumluregn commented 4 years ago

Could you type the commend you are using to build your app?

trivopr commented 4 years ago

I have already solved it by added "allowSyntheticDefaultImports": true, to tsconfig.json.

evoytenkoapps commented 4 years ago

I had same problem. I set "buildOptimizer": false in angular.json for production , and is ok. thx for ckeditor/ckeditor4-angular#78

saket-vanama commented 4 years ago

I am getting same problem while using ckeditor4-angular. Tried "allowSyntheticDefaultImports": true, to tsconfig.json. and "buildOptimizer": false but no luck.