Vite+React中vite.config.js的define全局替换在开发环境失效

仅执行vite serve时出现问题，vite build功能正常。

我的vite.config.js配置如下，使用define进行全局常量替换：

vite.config.js

export default defineConfig(({ command, mode }) => ({
  plugins: [
    react(),
  ],
  define: {
    __BUILD_TIMESTAMP__: 'helloWorld123',
  }
}))

当前存在两个问题：

1. 浏览器出现报错 #

2. 替换未生效 #

尝试通过添加双层引号（__BUILD_TIMESTAMP__: '"helloWorld123"'）规避报错，但替换仍未生效：

file.jsx

export function MyComponent() {
  return <div>Hello, __BUILD_TIMESTAMP__ </div>
}

浏览器渲染结果：

参考了以下Vite文档：

• Vite define配置文档（v2版本）
• Vite配置文件文档

内容的提问来源于stack exchange，提问作者Laurent