配置项目支持typescript

当项目中初次引入TS文件报错时,需要配置项目支持。首先通过npm安装typescript,然后运行npxtsc--init生成tsconfig.json。配置中应包含jsx为react,并根据需要设置paths。同时,使用include指定编译目录,安装@types/react和@types/react-dom以提供类型声明。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在已有项目中初次引入ts文件,会提示Cannot find module等各种错误,原因是当前项目并不支持ts,这个时候需要我们在项目中添加相关配置。
以react为例,配置如下:

1 安装typescript

npm install typescript --save-dev

2 初始化tsconfig.json

npx tsc --init

3 配置tsconfig.json

{
  "compilerOptions": {
    "jsx": "react",
   	
   	// xxxx
   	
    "paths": {
      "@*": ["./src/*"],
      // xxx
    }
  },
  "include": [],
  "exclude": ["node_modules", "dist"],
}

ps: 需注意,项目中使用include来指定编译目录,与生成的模版略有不同

4 安装声明

npm install --save @types/react @types/react-dom

react项目中引入typescript

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值