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

最新推荐文章于 2024-09-21 14:02:48 发布

web17886480312

最新推荐文章于 2024-09-21 14:02:48 发布

阅读量1.3k

点赞数

分类专栏：前端 html 文章标签： sass node.js vue.js

本文链接：https://blog.csdn.net/web17886480312/article/details/123305084

版权

前端同时被 2 个专栏收录

42 篇文章 2 订阅

订阅专栏

html

42 篇文章 0 订阅

订阅专栏

新项目使用使用 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')
    }
  }
})