vite+ts vite.config.ts使用path报错

vite+ts vite.config.ts使用path报错,第1张

找不到模块path及其相应的声明

问题1:新项目配置vite.config.ts时使用import path from 'path'

原因分析:path模块是node.js内置的功能,但是node.js本身并不支持typescript,所以直接在typescript项目里使用是不行的

解决方案:安装@types/node

使用npm
npm install @types/node --save-dev
使用pnpm
 pnpm i @types/node -D
allowSyntheticDefaultImports

问题2:提示模块 ""path"" 只能在使用 "allowSyntheticDefaultImports" 标志时进行默认导入

解决方案:
方式一:在tsconfig.node.json或者tsconfig.json添加"allowSyntheticDefaultImports": true

//tsconfig.node.json
{
  "compilerOptions": {
    "composite": true,
    "module": "esnext",
    "moduleResolution": "node",
    "allowSyntheticDefaultImports": true
  },
  "include": ["vite.config.ts"]
}

方式二:
使用解构

import { resolve } from 'path';

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1320943.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-11
下一篇 2022-06-11

发表评论

登录后才能评论

评论列表(0条)

保存