Ionic 3：在“prod”模式下构建：找不到模块“。”

Question

我们有一个大的Ionic 应用程序，我们正尝试在production 模式下build，因为它几乎准备好了。我们发现的第一个问题是编译时出现“JavaScript heap out of memory”错误，但我们通过为节点分配更多内存来修复它：

"ionic:build": "node --max-old-space-size=16384 ./node_modules/@ionic/app-scripts/bin/ionic-app-scripts.js build",

npm run ionic:build -- --prod

使用此命令成功构建应用程序，但如果我打开它，我会收到以下错误：

Uncaught Error: Cannot find module “.”
at vendor.js:1
at vendor.js:1
at Object. (vendor.js:1)
at e (vendor.js:1)
at Object. (main.js:1)
at e (vendor.js:1)
at window.webpackJsonp (vendor.js:1)
at main.js:1

我搜索了一下，发现它可能是由require引起的，但我们没有使用它。对可能发生的事情或我们可以做些什么来调试问题有任何想法吗？有没有办法在不缩小 JS 的情况下使用“--prod”？

这是我的环境：

cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0
global packages:

cordova (Cordova CLI) : 6.5.0 
Gulp CLI              : [09:06:54] CLI version 3.9.1 [09:06:54] Local version 3.9.1
local packages:

@ionic/app-scripts : 3.1.9
Cordova Platforms  : android 6.1.2 ios 4.3.1
Ionic Framework    : ionic-angular 3.9.2
System:

Android SDK Tools : 25.2.5
ios-deploy        : 1.9.1 
ios-sim           : 5.0.8 
Node              : v8.6.0
npm               : 5.3.0 
OS                : macOS High Sierra
Xcode             : Xcode 9.3.1 Build version 9E501 
Misc:

backend : legacy

谢谢！

Answer 1

对我来说工作使用

"@ionic/app-scripts": "3.2.3",
"typescript": "2.7.1",

如果你想使用 typescript v3，你可以尝试使用其他 adicional 选项构建禁用 aot（我认为是使用 prod 标签的问题）

--release --aot false --environment prod --output-hashing all --sourcemaps false --extract-css true --named-chunks false --build-optimizer true --minifyjs=true --minifycss=true --optimizejs=true

如果没有，我建议你迁移到 ionic4/5

Answer 2

使用新版本时出现此错误，我检查了 ionic-angular 导入，一切正常。

package.json

"typescript": "3.1.6"

离子信息

 ionic (Ionic CLI)  : 4.4.0
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.0

Cordova:

   cordova (Cordova CLI) : 8.1.1 (cordova-lib@8.1.0)
   Cordova Platforms     : android 7.0.0, browser 5.0.3
   Cordova Plugins       : no whitelisted plugins (0 plugins total)

错误

vendor.js:138159 Uncaught Error: Cannot find module "."
    at webpackMissingModule (vendor.js:138159)
    at vendor.js:138159
    at Object.<anonymous> (vendor.js:138168)
    at __webpack_require__ (vendor.js:55)
    at Object.<anonymous> (main.js:16031)
    at __webpack_require__ (vendor.js:55)
    at webpackJsonpCallback (vendor.js:26)
    at main.js:1

Answer 3

从@ionic/app-scripts 和typescript 中删除^ 对我有用，如下所示：

"devDependencies": {
    "@ionic/app-scripts": "3.1.9",
    "typescript": "2.8.3"
  }

Answer 4

我遇到了类似的问题，但错误的 typescript 包是从其他依赖项目以及 VS Code 的组合中提取的。我通过将@ionic/app-scripts 和typescript 的exact 版本（不是^ 或~）固定到我需要的版本来解决它。

"devDependencies": { "@ionic/app-scripts": "3.1.9", "typescript": "2.6.2" }

Answer 5

我发现了问题。在我使用的 package.json 中：

"typescript": "^2.9.1",

将版本降低到~2.6.2 为我修复了它。