最新代码打包部署后启动报错

[xueyitt]

Version

Vben Admin V5

Describe the bug?

最新代码打包后，部署至生产环境报错（白屏）控制台报错 Uncaught (in promise) Error: Module "" has been externalized for browser compatibility. Cannot access ".custom" in client code. See https://vite.dev/guide/troubleshooting.html#module-externalized-for-browser-compatibility for more details.

Reproduction

1

System Info

1

Relevant log output

Validations

• Read the docs
• Ensure the code is up to date. (Some issues have been fixed in the latest version)
• I have searched the existing issues and checked that my issue does not duplicate any existing issues.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[ztzzhi]

同样遇到了该问题，本地打包丢到线上没问题，在ci中打包自动化部署就会出现这个问题，试过很多方法，目前没有解决。

[Sagiri-12]

最新版本的确实有这个问题，在 store-xxx.js 里面检测到了类似以下代码：

var M = bi()
      , N = M.custom
      , P = ue(N) ? N : null
      , F = {
        __proto__: null,
        double: `"`,
        single: `'`
    }

反编译后为

function addNumericSeparator(num, str) { ... }

var utilInspect = require('./util.inspect');
var inspectCustom = utilInspect.custom;
var inspectSymbol = isSymbol(inspectCustom) ? inspectCustom : null;

var quotes = { ... };
var quoteREs = { ... };
module.exports = function inspect_(obj, options, depth, seen) { ...};

疑似为 object-inspect，我检查了依赖关系，如下：

S:\0c-Sagiri-Code\0a-scaffold\simple-admin-web>pnpm why object-inspect
object-inspect@1.13.4
├─┬ es-abstract@1.24.1
│ ├─┬ arraybuffer.prototype.slice@1.0.4
│ │ └── es-abstract@1.24.1 [circular]
│ ├─┬ reflect.getprototypeof@1.0.10
│ │ ├─┬ typed-array-byte-offset@1.0.4
│ │ │ └── es-abstract@1.24.1 [circular]
│ │ └─┬ typed-array-length@1.0.7
│ │   └── es-abstract@1.24.1 [circular]
│ ├─┬ string.prototype.matchall@4.0.12
│ │ └─┬ @surma/rollup-plugin-off-main-thread@2.2.3
│ │   └─┬ workbox-build@7.4.0
│ │     └─┬ vite-plugin-pwa@1.2.0
│ │       └── @vben/vite-config@5.7.0 (dependencies)
│ └─┬ string.prototype.trim@1.2.10
│   └── es-abstract@1.24.1 [circular]
├─┬ side-channel@1.1.0
│ ├─┬ internal-slot@1.1.0
│ │ ├── es-abstract@1.24.1 [deduped]
│ │ ├─┬ stop-iteration-iterator@1.1.0
│ │ │ └── es-abstract@1.24.1 [deduped]
│ │ └── string.prototype.matchall@4.0.12 [deduped]
│ └── string.prototype.matchall@4.0.12 [deduped]
├─┬ side-channel-list@1.0.0
│ └── side-channel@1.1.0 [deduped]
├─┬ side-channel-map@1.0.1
│ ├── side-channel@1.1.0 [deduped]
│ └─┬ side-channel-weakmap@1.0.2
│   └── side-channel@1.1.0 [deduped]
└── side-channel-weakmap@1.0.2 [deduped]

目前我只能提供这些信息了，希望作者可以尽快解决

[xueyitt]

同样遇到了该问题，本地打包丢到线上没问题，在ci中打包自动化部署就会出现这个问题，试过很多方法，目前没有解决。

最新尝试 CI阶段，构建前，切换至NODE_ENV=production后，能正常CI且启动无异常

[ztzzhi]

@xueyitt 非常感谢 可以了
查了一下原因：
在 CI/CD 环境中，默认的 NODE_ENV 可能是 undefined 或其他值
没有明确设置时，Vite 可能无法正确识别构建模式
某些 npm 包在安装时会根据 NODE_ENV 执行不同的安装脚本
导致构建失败或产物不正确