Vite2 + React + Antd 踩坑指南

StoneHui_

已于 2023-03-30 14:47:39 修改

阅读量3.3k

点赞数 2

分类专栏：前端文章标签： Vite

于 2021-02-28 22:05:52 首次发布

本文链接：https://blog.csdn.net/u014165119/article/details/114241036

版权

前端专栏收录该内容

6 篇文章 1 订阅

订阅专栏

转载请注明出处，点击此处查看更多精彩内容。

process is not defined

报错：

Uncaught ReferenceError: process is not defined

解决方案：

// 使用 import.meta.env 替换 process.env
process.env --> import.meta.env

# .env

# 字段名必须以 VITE_ 开头，否则不会暴露到 import.meta.env 中
VITE_APP_VERSION = "1.0.0"

Property ‘env’ does not exist on type ‘ImportMeta’

报错：

Property 'env' does not exist on type 'ImportMeta'

解决方案：

# tsconfig.json

{
  "compilerOptions": {
    "types": ["vite/client"],
    ...
  }
}

_interopRequireDefault is not a function

报错：

Uncaught TypeError: _interopRequireDefault is not a function
    at Form.js:24
    at chunk.2VCUNPV2.js?v=9e816b32:4
    at dep:antd_lib_form_Form:1

解决方案：

// useForm 从错误的包导入，导致报错
// import { useForm } from 'antd/lib/form/Form'
// import { useForm } from 'antd/es/form/Form'
// const [form] = useForm()

// 通过 Form 调用，不会出现导包错误的问题
import { Form } from 'antd'
const [form] = Form.useForm()

global is not defined

报错：

Uncaught ReferenceError: global is not defined
    at setImmediate.js:15
    at chunk.2VCUNPV2.js?v=e11687d4:4
    at editOnBeforeInput.js:25
    at chunk.2VCUNPV2.js?v=e11687d4:4
    at DraftEditorEditHandler.js:16
    at chunk.2VCUNPV2.js?v=e11687d4:4
    at DraftEditor.react.js:32
    at chunk.2VCUNPV2.js?v=e11687d4:4
    at Draft.js:24
    at chunk.2VCUNPV2.js?v=e11687d4:4

解决方案：

<!-- index.html -->

<html>
  ...
  <body>
    <script>
      global = globalThis
    </script>
    ...
  </body>
</html>

StoneHui_

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Vite2 + React + Antd 踩坑指南

process is not defined报错：Uncaught ReferenceError: process is not defined解决方案：// 使用 import.meta.env 替换 process.envprocess.env --> import.meta.env# .env# 字段名必须以 VITE_ 开头，否则不会暴露到 import.meta.env 中VITE_APP_VERSION = "1.0.0"Property ‘env’ does n
复制链接

扫一扫