问题原因
taro项目中使用ts,但是没有设置ts的相关配置
解决办法
在项目根目录创建tsconfig.json,添加以下内容
重点是要添加**“jsx”: “react”,**
{
"compilerOptions": {
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noFallthroughCasesInSwitch": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "react",
"paths": { // 指定模块的路径,和baseUrl有关联,和webpack中resolve.alias配置一样
"@/*": ["./*"]
},
"target": "ESNext", // 编译的目标是什么版本的
"outDir": "./dist", // 输出目录
"declaration": true, // 是否自动创建类型声明文件
"declarationDir": "./lib", // 类型声明文件的输出目录
"allowJs": true, // 允许编译javascript文件。
"baseUrl": "src", // 工作根目录
"lib": [ // 编译过程中需要引入的库文件的列表
"es5",
"es2015",
"es2016",
"es2017",
"es2018",
"dom"
],
"experimentalDecorators": true, // 主要是这个
},
"exclude": ["node_modules"],
"include": ["src"]
}
个人网站:https://www.php-china.com/blog/
如有错误,请多多指教。
如对你有帮助,给个赞吧。