在ts+vite项目中使用path模块提示错误

Vite.js项目配置：解决TypeScript引入Node.js path模块问题

最新推荐文章于 2025-09-24 10:23:32 发布

原创最新推荐文章于 2025-09-24 10:23:32 发布 · 1.4w 阅读

19 ·

CC 4.0 BY-SA版权

文章标签：

#vscode #vue.js

踩坑专栏收录该内容

3 篇文章

订阅专栏

在新的Vite.js项目中，使用npminit@vitejs/app创建并尝试添加别名时遇到问题，VSCode提示无法在TypeScript项目中直接使用Node.js的path模块。解决方案是通过安装@types/node来提供类型定义。安装完成后，在配置文件中导入path模块并设置别名，实现项目路径的解析。代码示例展示了如何在Vite配置中引入path模块并配置别名。

新项目使用使用 npm init @vitejs/app创建项目，添加别名时，想要引入node的path模块，vscode提示错误
在这里插入图片描述
原因分析：path模块是node.js内置的功能，但是node.js本身并不支持typescript，所以直接在typescript项目里使用是不行的

解决方法：安装@types/node

npm install @types/node --save-dev

最终代码：

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

export default defineConfig({
  plugins: [vue()],
  server: {
    // 配置代理服务器，解决跨域
    proxy: {
      '/api': {
        target: 'http://localhost:3002',
        changeOrigin: true
      }
    }
  },
  resolve: {
    // 配置别名
    alias: {
      '@': resolve(__dirname, './src')
    }
  }
})