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

如题,解决办法:

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

   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

posted @ 2023-03-17 10:43  浪里小韭菜  阅读(498)  评论(0编辑  收藏  举报