Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 将道具传递给svg组件时反应本机web typescript错误_Reactjs_Typescript_React Native_Svg_React Native Web - Fatal编程技术网

Reactjs 将道具传递给svg组件时反应本机web typescript错误

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":

我已将metro和webpack配置为导入SVG,如下所示:

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”{
常量内容:任意;
导出默认内容;
}
我尝试过的事情:

  • 将“***.svg”传递给tsconfig.json.exclude
  • 声明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;
    导出默认内容;
    }