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

我用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';