老师，请教一下vite的环境变量

来源：2-21 【讨论题】对 Typescript 初步学习后的印象和困惑

有没有没被占用的昵称

2021-11-24

老师，我在vite的项目里自己配置了eslint，如图
图片描述
红框内的两行不加是没有问题的，但是加了之后eslint会报错，如下图

看样子是说不让在这儿用vite的环境变量，但是之前使用vue-cli的时候，这里可以使用process.env.NODE_ENV，这是为什么呢？
怎么才可以在这里使用vite的环境变量呢，我在src/utils/下的axios工具函数里使用import.meta是没有问题的，就eslint这里报错

写回答

1回答

张轩

2021-11-25

已采纳

同学由于我之前没有用过 import.meta 这个环境变量，特意查了一下，这个和 vite 没有关系，vite 已经在 import.meta 上暴露出来了，https://vitejs.dev/guide/env-and-mode.html#env-variables 而是和 eslint 有关系，请看这个 issue：https://github.com/vitejs/vite/issues/1149，里面有解决方法。

这个回答eslint 安装了一个特点插件，来完成 meta 信息的导入：https://github.com/vitejs/vite/issues/1149#issuecomment-770846868

module.exports = {
  plugins: [
    'babel-plugin-transform-import-meta',
  ],
  // or to:
  // env: { test: plugins: [...] }}

还有其他的方式，你可以自己试一试。我没有亲自测试，所以不太确定结果。

有没有没被占用的昵称

谢谢老师

2021-11-25

共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程

相似问题

老师请问一个vite配置文件设置代理的问题

回答 1

vue command not found

回答 1

disabled的样式没有生效

回答 1

mac环境下全局变量

回答 1

P 标签上的样式没有解析出来

回答 1

打开慕课网App查看更多内容