Question

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

我尝试执行以下操作

npm install @types/node --save-dev

tsconfig.json（位于我的根文件夹中）

{
  "compilerOptions": {
    "types": ["node"],
    "typeRoots": ["node_modules/@types"]
  }
}

Answer 1

据我从您给出的示例可以猜测到的，这与Parcel没有任何关系。

Parcel v1将在内部调用tsc，并且编译器将仅针对未知文件扩展名（例如.png）发出错误，因为纯TS项目将只能import代码文件（{ {1}}，.js，.ts，.tsx或.jsx），而无需使用诸如Parcel或Webpack之类的模块捆绑器。

捆绑程序通过将其他文件类型转换为可在项目中使用的有效模块，从而允许.json其他文件类型（由Webpack中的加载程序实现，Parcel可以更透明地对其进行处理）。

为了“说服”编译器，应确保可以使用这些类型的导入并使模块知名，可以使用wildcard module declarations。例如，要编译import文件导入，您可以使用以下声明创建文件.png或类似文件：

globals.d.ts

这已经足以满足编译器的要求（here是与Parcel相关的特定问题）。

希望，它会有所帮助。