首页 > 其他分享 >关于Vue3+ts引入文件使用alias别名@时报错问题,process is not defined

关于Vue3+ts引入文件使用alias别名@时报错问题,process is not defined

时间:2023-03-17 10:57:05浏览次数:37  
标签:process ts 别名 defined Vue3 config vite

如题,解决办法:

一、首先确保有两个文件: 

   tsconfig.json

  vite.config.ts(注:如果是vue.config.js,则手动改为vite.config.js)

二、 在ts.config.json中修改

{
  "compilerOptions": {
    ......
    "paths": {
      "@/*": ["src/*"]
    }
  }
}

三、在vite.config.ts中修改

export default defineConfig({
  ....
  resolve: {
    // 别名
    resolve: {
      // Vite路径别名配置
      alias: {
        '@': path.resolve('./src')
      }
    }
   ...
  },
});

四、关于 process is not defined 报错问题

process.env 已经废弃,改为 import.meta.env

标签:process,ts,别名,defined,Vue3,config,vite
From: https://www.cnblogs.com/cp-cookie/p/17225797.html

相关文章