Reactjs 将道具传递给svg组件时反应本机web typescript错误
我已将metro和webpack配置为导入SVG,如下所示:Reactjs 将道具传递给svg组件时反应本机web typescript错误,reactjs,typescript,react-native,svg,react-native-web,Reactjs,Typescript,React Native,Svg,React Native Web,我已将metro和webpack配置为导入SVG,如下所示: import PlayIcon from '../../assets/icons/play-icon.svg'; ... return () => <PlayIcon /> 这是我的tsconfig.json { "compilerOptions": { "target": "esnext", "module":
import PlayIcon from '../../assets/icons/play-icon.svg';
...
return () => <PlayIcon />
这是我的tsconfig.json
{
"compilerOptions": {
"target": "esnext",
"module": "esnext",
"lib": [
"es6"
],
"allowJs": true,
"jsx": "react",
"noEmit": true,
"isolatedModules": true,
"strict": false,
"moduleResolution": "node",
"baseUrl": "./",
"allowSyntheticDefaultImports": true,
"esModuleInterop": true,
"resolveJsonModule": true,
"skipLibCheck": true,
"forceConsistentCasingInFileNames": true,
"noFallthroughCasesInSwitch": true
},
"exclude": [
"node_modules",
"babel.config.js",
"metro.config.js",
"jest.config.js"
],
"include": [
"src",
"src/types/definitions/svg.d.ts"
]
}
和src/types/definitions/svg.d.ts
:
declare module '*.svg' {
import { SvgProps } from 'react-native-svg';
const content: React.FC<SvgProps>;
export default content;
}
// also tried, amongst others
declare module '*.svg' {
const content: any;
export default content;
}
declare module '*.svg' {
import React from 'react';
import { SvgProps } from 'react-native-svg';
const content: React.FC<SvgProps>;
export default content;
}
声明模块'*.svg'{
从“react native svg”导入{SvgProps};
常量内容:React.FC;
导出默认内容;
}
//除其他外,还进行了尝试
声明模块“*.svg”{
常量内容:任意;
导出默认内容;
}
我尝试过的事情:
那么我做错了什么呢?我的做法是添加一个文件
src/declarations.d.ts
:
declare module '*.svg' {
import { SvgProps } from 'react-native-svg';
const content: React.FC<SvgProps>;
export default content;
}
// also tried, amongst others
declare module '*.svg' {
const content: any;
export default content;
}
declare module '*.svg' {
import React from 'react';
import { SvgProps } from 'react-native-svg';
const content: React.FC<SvgProps>;
export default content;
}
声明模块'*.svg'{
从“React”导入React;
从“react native svg”导入{SvgProps};
常量内容:React.FC;
导出默认内容;
}