vue3项目中配置vite.config.ts时使用path模块报错

通过$ npm create vite@latest创建vite项目的时候,在vite.confog.ts文件中添加alias别名时,想要引入node的path模块,会报错
vue3项目中配置vite.config.ts时使用path模块报错_第1张图片

原因:path模块是node.js内置的功能,但是node.js本身并不支持ts
解决方案:安装@types/node

npm install @types/node -D

完整代码

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'

export default defineConfig({
  plugins: [vue()],
  resolve: {
    // 配置别名
    alias: {
        "@": resolve(__dirname, "src"),
        "@c": resolve(__dirname, "src/components"),
    }
  }
})

你可能感兴趣的:(vue3项目中配置vite.config.ts时使用path模块报错)