Adding docx with the ionic 3 project gives the Build error

[nileshpacharane]

I have used the Docx with Ionic 3 project but gives me the build error ,I have tried all possible ways to fix it but nothing is working
Please help me fixing this issue.
Following are the configuration file with my project.

Pakage.json file as :

{
  "name": "custom-project",
  "version": "1.1.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "node --max-old-space-size=8192 ./node_modules/@ionic/app-scripts/bin/ionic-app-scripts.js build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/animations": "^5.0.3",
    "@angular/cdk": "^5.0.3",
    "@angular/common": "5.0.3",
    "@angular/compiler": "5.0.3",
    "@angular/compiler-cli": "5.0.3",
    "@angular/core": "5.0.3",
    "@angular/forms": "5.0.3",
    "@angular/http": "5.0.3",
    "@angular/material": "^5.0.3",
    "@angular/platform-browser": "5.0.3",
    "@angular/platform-browser-dynamic": "5.0.3",
    "@ionic-native/core": "^4.11.0",
    "@ionic-native/file": "^5.2.0",
    "@ionic-native/network": "^4.14.0",
    "@ionic-native/splash-screen": "4.4.0",
    "@ionic-native/sqlite": "^4.5.2",
    "@ionic-native/status-bar": "4.4.0",
    "@ionic-native/toast": "^4.14.0",
    "@ionic/storage": "2.1.3",
    "@types/html2canvas": "0.0.35",
    "@types/intro.js": "^2.4.4",
    "@types/jspdf": "^1.2.2",
    "@types/node": "14.0.23",
    "angular2-multiselect-dropdown": "^2.1.4",
    "brmasker-ionic-3": "^1.6.3",
    "chart.js": "^2.7.1",
    "cordova-android": "7.0.0",
    "cordova-browser": "5.0.4",
    "cordova-common": "^2.2.5",
    "cordova-plugin-compat": "^1.2.0",
    "cordova-plugin-device": "^1.1.7",
    "cordova-plugin-ionic-webview": "^1.2.1",
    "cordova-plugin-network-information": "^2.0.2",
    "cordova-plugin-splashscreen": "^4.1.0",
    "cordova-plugin-sqlite": "^1.0.3",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-whitelist": "^1.3.4",
    "cordova-plugin-x-toast": "^2.7.2",
    "cordova-sqlite-storage": "^2.6.0",
    "crypto-js": "^3.1.9-1",
    "docx": "6.0.3",
    "file-saver": "^2.0.5",
    "html2canvas": "^1.0.0-alpha.12",
    "intro.js": "^2.9.3",
    "ionic-angular": "3.9.2",
    "ionic-plugin-keyboard": "^2.2.1",
    "ionic-selectable": "^3.0.3",
    "ionicons": "3.0.0",
    "jspdf": "^1.5.3",
    "ng-drag-drop": "^4.0.0",
    "ng-socket-io": "^0.2.4",
    "ng2-adal": "^2.0.0",
    "ng2-adal-popup-fork": "0.0.2",
    "ng2-charts": "^1.6.0",
    "ng2-file-upload": "^1.3.0",
    "ng2-pdf-viewer": "^5.3.2",
    "ng2-search-filter": "^0.4.7",
    "ngx-filter-pipe": "^1.0.1",
    "node-sass": "^4.12.0",
    "npm": "^5.6.0",
    "pdfmake": "^0.1.57",
    "pptxgenjs": "3.3.1",
    "rxjs": "^5.5.11",
    "serve-static": "^1.13.2",
    "shelljs": "^0.8.2",
    "socket.io-client": "^2.2.0",
    "sw-toolbox": "3.6.0",
    "xlsx": "^0.13.4",
    "zone.js": "0.8.18"
  },
  "devDependencies": {
    "@ionic/app-scripts": "^3.2.4",
    "@ionic/cli-plugin-proxy": "1.5.6",
    "tslint-ionic-rules": "0.0.11",
    "typescript": "^2.4.2",
    "ws": "3.3.2"
  },
  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "ionic-plugin-keyboard": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {},
      "cordova-sqlite-storage": {},
      "cordova-plugin-x-toast": {},
      "cordova-plugin-network-information": {}
    },
    "dependencies": {
      "@angular/common": "5.0.3",
      "@angular/compiler": "5.0.3",
      "@angular/compiler-cli": "5.0.3",
      "@angular/core": "5.0.3",
      "@angular/forms": "5.0.3",
      "@angular/http": "5.0.3",
      "@angular/platform-browser": "5.0.3",
      "@angular/platform-browser-dynamic": "5.0.3",
      "@ionic-native/core": "4.4.0",
      "@ionic-native/splash-screen": "4.4.0",
      "@ionic-native/sqlite": "^4.5.3",
      "@ionic-native/status-bar": "4.4.0",
      "@ionic/storage": "2.1.3",
      "angular2-multiselect-dropdown": "^2.1.4",
      "chart.js": "^2.7.1",
      "cordova-android": "7.0.0",
      "cordova-browser": "^5.0.3",
      "cordova-plugin-device": "^1.1.4",
      "cordova-plugin-ionic-webview": "^1.1.16",
      "cordova-plugin-splashscreen": "^4.0.3",
      "cordova-plugin-whitelist": "^1.3.1",
      "cordova-sqlite-storage": "^2.2.1",
      "cordova-windows": "^5.0.0",
      "dragula": "^3.7.2",
      "ionic-angular": "3.9.2",
      "ionic-plugin-keyboard": "^2.2.1",
      "ionicons": "3.0.0",
      "ng-drag-drop": "^4.0.0",
      "ng2-adal-popup-fork": "0.0.2",
      "ng2-dragula": "^1.5.0",
      "ngx-filter-pipe": "^1.0.1",
      "npm": "^5.6.0",
      "rxjs": "5.5.2",
      "sw-toolbox": "3.6.0",
      "zone.js": "0.8.18"
    },
    "devDependencies": {
      "@ionic/app-scripts": "^3.1.4",
      "@ionic/cli-plugin-proxy": "1.5.6",
      "tslint-ionic-rules": "0.0.11",
      "typescript": "^2.4.2"
    },
    "platforms": [
      "browser"
    ]
  }
}

---

And the tsconfig.json file as :

{
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": [
      "dom",
      "es2015"
    ],
    "module": "es2015",
    "moduleResolution": "node",
    "sourceMap": true,
    "target": "es5",
    "types": [],
    "typeRoots": [
    "node_modules/@types"
    ]
  },
  "include": [
    "src/**/*.ts"
  ],
  "exclude": [
    "node_modules",
    "src/**/*.spec.ts",
    "src/**/__tests__/*.ts"
  ],
  "compileOnSave": true,
  "atom": {
    "rewriteTsconfig": false
  }
}

Please find the error in the image attached. Please help me to fix this.

And the error getting displayed on browser is as

[dolanmiu]

I guess perhaps docx isn't supported in Ionic? I have not tested this in Ionic I'm afraid

How about architecting your app to make the document generate on the server side? Or use the CDN version of docx?