
使用 eslint 识别全局变量并消除未定义警告
当使用全局导入时,尽管不需要明确使用 import 声明,但 eslint 仍然可能会显示未定义警告。为了解决这个问题,需要让 eslint 识别已导入的全局变量。
在 vite 的 vite.config.js 中,通过以下方式设置 globals 选项:
export default defineconfig({
plugins: [react()],
test: {
environment: "jsdom",
globals: true,
},
});在 eslint 配置文件中 ( .eslintrc.cjs ),可以添加 env.jest 或 env.mocha 配置:
env: {
browser: true,
es2020: true,
jest: true,
},使用 globals 配置也能解决此问题:
globals: {
// 列出需要声明的全局变量
myGlobalVariable: true,
},通过这些配置,eslint 可以识别出这些全局变量已导入,从而消除未定义警告。










