在已有项目中初次引入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