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

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

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

npm install @types/node -D

【vue3项目中配置vite.config.ts时使用path模块报错】完整代码
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"), } } })

    推荐阅读