Vite重启服务器

Question

我无法创建.ENV文件并运行vite项目 我有无限循环

这是我的 vite.config.js

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

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  define:{
    'process.env.VITE_KEY':JSON.stringify(process.env.VITE_KEY)
  }
})

1:52:04 PM [vite] .env changed, restarting server...
X [ERROR] The build was canceled

但是如果我删除 .ENV 文件，我可以运行我的项目

我尝试创建新项目，但它不起作用

Answer 1

我认为你的服务器重新启动的原因是由于崩溃，因为

process.env.VITE_KEY

是

undefined

而且，我猜，vite 不接受未定义的值：

define:{
  'process.env.VITE_KEY':undefined
}

通过执行

import dotenv from 'dotenv'

，您实际上并没有从

.env

文件中注入值（文档在这里）。

你需要做的是：

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

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  define:{
    'process.env.VITE_KEY':JSON.stringify(process.env.VITE_KEY)
  }
})