Typescript-如何将png文件导入我的Typescript文件?

Typescript-如何将png文件导入我的Typescript文件?,typescript,parcel,type-definition,Typescript,Parcel,Type Definition,我用Parcel编译器建立了自己的typescript项目,并在内置服务器上运行了所有内容。我实现了pixi.js并希望将.png文件导入到我的.ts文件中。但是当我尝试导入时,它说它找不到模块,即使两个文件都在同一个文件夹中?我错过了什么 我试着做下面的事情 npm install @types/node --save-dev tsconfig.json(位于我的根文件夹中) 据我所知,从你们给出的例子来看,这与包裹无关 Parcel v1将在内部调用tsc,编译器只会对未知的文件扩展名

我用Parcel编译器建立了自己的typescript项目,并在内置服务器上运行了所有内容。我实现了pixi.js并希望将.png文件导入到我的.ts文件中。但是当我尝试导入时,它说它找不到模块,即使两个文件都在同一个文件夹中?我错过了什么

我试着做下面的事情

npm install @types/node --save-dev
tsconfig.json(位于我的根文件夹中)


据我所知,从你们给出的例子来看,这与包裹无关

Parcel v1将在内部调用
tsc
,编译器只会对未知的文件扩展名(如
.png
)发出错误,因为纯TS项目只能
导入
代码文件(
.js
.TS
.tsx
.jsx
.json
)没有模块绑定器,如包裹或网页包

捆绑包允许
导入
其他文件类型,方法是将它们转换为可在您的项目中使用的有效模块(由Webpack中的加载程序实现,Parcel可以更透明地处理)

为了“说服”编译器,可以使用这些类型的导入并使模块为人所知。例如,要编译
.png
文件导入,您可以使用以下声明创建文件
globals.d.ts
或类似文件:

declare module '*.png';
这已经足以满足编译器的要求(这是一个特定于包的相关问题)


希望有帮助。

如果您正在使用webpack打包,请查看。如果没有,请使用webpack(或类似工具)捆绑并查看该问题。我正在使用Parcel,是否有办法对Parcel执行此操作?是的,Parcel填充了与webpack类似的角色,因此如果您添加png模块的类型定义I installed@types/node并编辑了我的tsconfig,它应该可以正常工作,但它似乎不起作用。这是添加类型防御的正确方法吗?我用tsconfigI编辑了这个问题,找到并安装了它,但找不到如何在任何地方设置它。你知道怎么做吗?我在哪里创建globals.d.ts?只需在项目目录中的某个地方创建一个文件(tsconfig.json就在那里)。TS将使用默认的include/exclude/files选项自动获取文件。
declare module '*.png';