TypeScript导入值是一个文件名,而不是其内容

TypeScript导入值是一个文件名,而不是其内容,typescript,Typescript,我需要将自定义扩展名文件的内容作为字符串导入 我在名为simple.vert的文件中有WebGL顶点着色器 我创建了一个文件扩展名.d.ts 然后,在component.ts中,我写下: 不幸的是,typeof Simplevert=='string',但Simplevert的值是/static/media/simple.e32079ee.vert,我想这是要导入的文件名,而不是文件内容 此外,当我尝试requireSimpleVert时,会抛出错误: Error: Cannot find mo

我需要将自定义扩展名文件的内容作为字符串导入

我在名为simple.vert的文件中有WebGL顶点着色器

我创建了一个文件扩展名.d.ts

然后,在component.ts中,我写下:

不幸的是,typeof Simplevert=='string',但Simplevert的值是/static/media/simple.e32079ee.vert,我想这是要导入的文件名,而不是文件内容

此外,当我尝试requireSimpleVert时,会抛出错误:

Error: Cannot find module '/static/media/simple.e32079ee.vert'
我的目标是简单地将文件内容作为字符串导入:

import SimpleVert from '../../shaders/simple.vert';
有什么想法吗


PS.TypeScript版本为3.5.2

创建反应应用程序设置网页包。您应该配置Webpack,以便使用类似以下内容导入.vert文件的内容:

您是针对Node.js还是浏览器?我使用create react app中的最新TypeScript项目。在tsconfig.json模块解决方案中:节点。另外,我想知道这两种解决方案-节点和浏览器。
Error: Cannot find module '/static/media/simple.e32079ee.vert'
import SimpleVert from '../../shaders/simple.vert';