webpack Vue未捕获引用错误:未定义进程

unftdfkk  于 2022-12-04  发布在  Webpack
关注(0)|答案(6)|浏览(158)

我正在处理一个Vue + typescript项目。我想使用process.env.var_name来调整项目是处于开发模式还是生产模式,就像

const isProduct = process.env.APP_ENV === "prod";

但是我在下面遇到了一个错误。我以前从来没有遇到过这个错误,所以任何人都可以给予我一个线索,为什么会发生这种情况,这样我就可以尝试找出在项目中发生了什么,然后修复它。

mzillmmw

mzillmmw1#

如果您使用的是Vite,请改用import.meta.envprocess.env会被移除。
并确保变量在.env文件中以VITE_开头。

VITE_SOME_KEY=123

更多https://vitejs.dev/guide/env-and-mode.html

vngu2lb8

vngu2lb82#

Env的变量必须以VUE_APP_开头,因此请尝试将APP_ENV更改为VUE_APP_ENV。关于CORS错误,您必须从BE启用FE。

jk9hmnmh

jk9hmnmh3#

您可以改用if (import.meta.env.PROD) ...

46qrfjad

46qrfjad4#

我以前有一个类星体项目,这个项目对我很有效。
我通过运行yarn命令安装了dotenv

yarn add --dev dotenv

请告诉我。

tf7tbtn2

tf7tbtn25#

引用不存在的变量时将出现此错误。
以下是解决方案;

mounted () {
  window.process = {
    env: {
       NODE_ENV: 'development'
    }
}
  • 如果您在出现错误的页面上使用它,您的错误将被修复。*
eaf3rand

eaf3rand6#

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  server: { 
    host: '0.0.0.0'
  },
  define: {
    'process.env': {}
  }
})

相关问题