首页 > 解决方案 > ionic cordova build --prod --release 失败并产生错误

问题描述

我正在尝试为 android 平台构建我的 ionic 3 项目。我正在使用 Windows 10。当我运行以下命令时:ionic cordova build android --prod --release,我收到此错误:

接近堆限制的无效标记压缩分配失败 - JavaScript 堆内存不足

这是与错误对应的屏幕截图 在此处输入图像描述

这是ionic info命令的结果

Ionic:

   ionic (Ionic CLI)  : 4.7.0 (C:\Users\HOLLY SPIRIT\AppData\Roaming\npm\node_modules\ionic)    Ionic Framework    : ionic-angular 3.9.2    @ionic/app-scripts : 3.2.1

Cordova:

   cordova (Cordova CLI) : 7.1.0    Cordova Platforms     : android
6.4.0    Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 1.2.1, (and 22 other plugins)

System:

   NodeJS : v10.15.0 (C:\Program Files\nodejs\node.exe)    npm    :
6.4.1    OS     : Windows 10

这是package.json的内容

{
"name": "app name",
  "version": "2.0.1",
  "author": "auhtors name",
  "homepage": "website url",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/animations": "5.2.10",
    "@angular/common": "5.2.10",
    "@angular/compiler": "5.2.10",
    "@angular/compiler-cli": "5.2.10",
    "@angular/core": "5.2.10",
    "@angular/fire": "^5.0.0",
    "@angular/forms": "5.2.10",
    "@angular/http": "5.2.10",
    "@angular/platform-browser": "5.2.10",
    "@angular/platform-browser-dynamic": "5.2.10",
    "@ionic-native/admob-free": "^4.7.0",
    "@ionic-native/admob-pro": "^4.19.0",
    "@ionic-native/app-version": "^4.8.0",
    "@ionic-native/barcode-scanner": "^4.19.0",
    "@ionic-native/browser-tab": "^4.19.0",
    "@ionic-native/camera": "^4.7.0",
    "@ionic-native/core": "4.7.0",
    "@ionic-native/facebook": "^4.19.0",
    "@ionic-native/file": "^4.8.0",
    "@ionic-native/file-transfer": "^4.7.0",
    "@ionic-native/firebase": "^4.13.0",
    "@ionic-native/google-plus": "^5.0.0",
    "@ionic-native/in-app-browser": "^4.7.0",
    "@ionic-native/instagram": "^4.19.0",
    "@ionic-native/local-notifications": "^4.13.0",
    "@ionic-native/network": "^4.7.0",
    "@ionic-native/open-native-settings": "^4.7.0",
    "@ionic-native/social-sharing": "^4.7.0",
    "@ionic-native/splash-screen": "4.7.0",
    "@ionic-native/status-bar": "^4.7.0",
    "@ionic-native/youtube-video-player": "^4.7.0",
    "@ionic/storage": "2.1.3",
    "angular-pipes": "^8.0.0",
    "angularfire2": "^5.1.1",
    "cordova-admob-sdk": "^0.17.0",
    "cordova-android": "^7.1.4",
    "cordova-instagram-plugin": "^0.5.7",
    "cordova-ios": "^4.5.5",
    "cordova-open-native-settings": "^1.5.2",
    "cordova-plugin-add-swift-support": "^1.7.2",
    "cordova-plugin-admob-free": "^0.17.4",
    "cordova-plugin-admobpro": "^2.37.1",
    "cordova-plugin-app-version": "^0.1.9",
    "cordova-plugin-badge": "^0.8.7",
    "cordova-plugin-camera": "^4.0.3",
    "cordova-plugin-device": "^2.0.2",
    "cordova-plugin-document-viewer": "^0.9.10",
    "cordova-plugin-extension": "^1.5.4",
    "cordova-plugin-facebook4": "^4.1.0",
    "cordova-plugin-file": "^6.0.1",
    "cordova-plugin-file-transfer": "^1.7.1",
    "cordova-plugin-firebase": "^2.0.2",
    "cordova-plugin-inappbrowser": "^3.0.0",
    "cordova-plugin-ionic-keyboard": "^2.1.3",
    "cordova-plugin-ionic-webview": "^3.1.0",
    "cordova-plugin-local-notification": "^0.9.0-beta.2",
    "cordova-plugin-network-information": "^2.0.1",
    "cordova-plugin-splashscreen": "^5.0.2",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-whitelist": "^1.3.3",
    "cordova-plugin-x-socialsharing": "^5.4.4",
    "cordova-plugin-youtube-video-player": "^1.0.6",
    "cordova-promise-polyfill": "0.0.2",
    "cordova-universal-clipboard": "git+https://github.com/Visigo/CordovaClipboard.git",
    "es6-promise-plugin": "^4.2.2",
    "firebase": "^5.8.2",
    "ionic-angular": "3.9.2",
    "ionic-img-viewer": "^2.9.0",
    "ionicons": "3.0.0",
    "moment": "^2.22.2",
    "ng2-pdf-viewer": "^5.1.0",
    "ng2-simple-timer": "^1.3.3",
    "ngx-moment": "^3.1.0",
    "phonegap-plugin-barcodescanner": "^8.0.0",
    "rxjs": "5.5.11",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.26"
  },
  "devDependencies": {
    "@ionic/app-scripts": "^3.2.1",
    "@ionic/lab": "1.0.18",
    "typescript": "~2.6.2"
  },
  "description": "app description",
  "cordova": {
    "plugins": {
      "cordova-plugin-admob-free": {},
      "cordova-plugin-x-socialsharing": {
        "ANDROID_SUPPORT_V4_VERSION": "24.1.1+"
      },
      "cordova-instagram-plugin": {},
      "cordova-plugin-network-information": {},
      "cordova-plugin-camera": {},
      "cordova-plugin-file-transfer": {},
      "cordova-open-native-settings": {},
      "cordova-plugin-inappbrowser": {},
      "cordova-plugin-youtube-video-player": {},
      "cordova-plugin-app-version": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {},
      "cordova-plugin-ionic-keyboard": {},
      "phonegap-plugin-barcodescanner": {
        "ANDROID_SUPPORT_V4_VERSION": "27.+"
      },
      "cordova-plugin-file": {},
      "cordova-plugin-document-viewer": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-local-notification": {},
      "cordova-plugin-firebase": {},
      "cordova-universal-clipboard": {},
      "cordova-plugin-admobpro": {
        "PLAY_SERVICES_VERSION": "16.0.0"
      },
      "cordova-plugin-facebook4": {
        "APP_ID": "appid",
        "APP_NAME": "237actu",
        "FACEBOOK_HYBRID_APP_EVENTS": "false",
        "FACEBOOK_ANDROID_SDK_VERSION": "4.38.1"
      },
      "cordova-plugin-googleplus": {
        "REVERSED_CLIENT_ID": "app reverse client id"
      }
    },
    "platforms": [
      "android",
      "ios"
    ]
  }
}

为了解决这个问题,我尝试了两件事:

  1. 我在 package.json的脚本部分添加了node --max-old-space-size=2048 ,如下所示:

    "scripts": { "clean": "ionic-app-scripts clean", "build": "node --max-old-space-size=2048 ionic-app-scripts build", "lint": "ionic- app-scripts lint", "ionic:build": "ionic-app-scripts build", "ionic:serve": "ionic-app-scripts serve" },

那没起效。

  1. 我编辑了我电脑的 ionic.cmd 文件,如下所示:

    @IF EXIST "%~dp0\node.exe" (
       "%~dp0\node.exe"  "%~dp0\node_modules\ionic\bin\ionic" %*
    ) 
    ELSE (
        @SETLOCAL
    
        @SET PATHEXT=%PATHEXT:;.JS;=;% **node --max-old-space-size=2048**  "%~dp0\node_modules\ionic\bin\ionic" %*)
    

如您所见,我刚刚添加了--max-old-space-size=2048,但它不起作用。我的电脑内存是3 984 MB

  1. 我还尝试在构建之前将 firebase 降级到 4 版本,但没有奏效。

  2. 我使用以下命令更新了项目的所有依赖项:npm update -f

  3. 我从我的项目pluginsplatformsnodes_modules中删除了文件夹,并且我还从我的项目中删除了package-lock.json。我在构建之前在项目中运行了命令: npm installionic cordova platform add android

这些解决方案都不适合我。

有什么帮助吗?

标签: androidcordovaionic-frameworkionic3apk

解决方案


最后,这是对我有用的解决方案。

使用以下命令从项目中删除 android 平台:

ionic cordova platform rm android

将android平台添加到项目中:ionic cordova platform add android@latest就我而言,我使用了最新版本的android平台。

在项目中添加@angular-devkit/build-optimizer@0.6.8

npm install @angular-devkit/build-optimizer@0.6.8 --save

这个角度插件将优化项目的构建。

该命令在项目中的运行:cordova clean

现在当我运行ionic cordova build android --prod --release它成功。


推荐阅读