Process.env 在 vi​​te 中未定义

Question

我尝试将 Tesseract.jshttps://github.com/naptha/tesseract.js#documentation与 Vue.js 一起使用，Vue.js 使用 Vite 作为捆绑器。

我的问题是我收到此错误：

无法读取未定义的属性（读取“TESS_ENV”）

这个错误发生在内部：

module.exports = {
  ...defaultOptions,
  workerPath: (typeof process !== 'undefined' && process.env.TESS_ENV === 'development')
    ? resolveURL(`/dist/worker.dev.js?nocache=${Math.random().toString(36).slice(3)}`)
    : `https://unpkg.com/tesseract.js@v${version}/dist/worker.min.js`,
  /*
   * If browser doesn't support WebAssembly,
   * load ASM version instead
   */
  corePath: `https://unpkg.com/tesseract.js-core@v${dependencies['tesseract.js-core'].substring(1)}/tesseract-core.${typeof WebAssembly === 'object' ? 'wasm' : 'asm'}.js`,
};

好吧，实际上我需要使用import.meta.env.MODE而不是process.env.TESS_ENV

我尝试更改 tesseract.js 代码。我进去了：

node_modules->tesseract->src->worker->浏览器->defaultOptions.js

并将其更改为，import.meta.env.MODE但由于某种原因，代码没有被应用，它仍然向我显示旧的错误。

我该如何进行这项工作？

Answer 1

我得到了它：

export default defineNuxtConfig({
  vite: {
    define: {
      "process.env.TESS_ENV": process.env.ENV,
    },
  },
});

我需要定义它，现在它不再是未定义的