Problems with SVG or HTML files

[chawax]

Hi,

I have a problem importing html or SVG assets. And I think the problem occurs with any files that are not JS, TS or JSON ones.

For example :

import htmlContent from '../Assets/test.html'
import svgContent  from '../Assets/test.svg'

The htmlContent and svgContent variables contains the value 1 and not the content of HTML or SVG file. I had not this problem using ES6, so I think it comes from Typescript but I can't find any solution.

I am using React Native 0.55.4. Tried with a 0.57.2 project and I have the same problem.

My rn-cli.config.js file :

module.exports = {
  getTransformModulePath() {
    return require.resolve("react-native-typescript-transformer");
  },
  getSourceExts() {
    return ["ts", "tsx"];
  }
};

Thanks for any help.

[chawax]

I also tried to add this in index.d.ts file :

declare module '*.svg' {
  const content: string
  export default content
}

declare module '*.html' {
  const content: string
  export default content
}

It solved the Can not find module error in VSCode, but the content is always 1.