vite - uni-app + Vite 命令行构建多环境报错：如何解决import.meta为空的问题?

Question

uni-app +vite 命令行构建打包多环境报错：
[WARNING] "import.meta" is not available with the "cjs" output format and will be empty [empty-import-meta]
You need to set the output format to "esm" for "import.meta" to work correctly.

import.meta.env.MODE

Answer 1

这个警告信息表明你正在尝试使用 import.meta，但在你的构建配置中，输出格式被设置为了 "cjs"（CommonJS），而 import.meta 只在 "esm"（ES Modules）格式下可用。

为了解决这个问题，你需要确保你的构建配置输出为 "esm" 格式。

对于 uni-app 和 Vite，你可能需要修改 vite.config.js 文件中的配置，确保它使用 ES Modules 作为输出格式。

以下是一个简单的例子，展示如何在 vite.config.js 中设置输出格式为 "esm"：

// vite.config.jsexport default {  build: {    target: 'esnext', // 确保目标为 ES Modules    // 其他配置...  },  // 其他配置...}

注意，上述代码只是一个简化的例子。你可能需要根据你的具体项目需求调整其他配置。

另外，请确保你的项目中的所有代码和依赖都兼容 ES Modules，因为一旦你更改了输出格式为 "esm"，所有代码和依赖都应该能够正确处理 ES Modules。

如果你仍然遇到问题，请提供更多关于你的项目配置和代码的详细信息，以便我能更准确地帮助你解决问题。