I am trying to import a file format .xyz that does not have fixed types for all instances of the format:
import { Comment, Article, User } from "./Blog.xyz"
However, I keep getting this error message:
TS2307: Cannot find module './Blog.xyz' or its corresponding type declarations.
Here is what I have tried so far:
- I created a compiler to convert my file format to Typescript.
- I added a Typescript plugin to enable IDE support for my files, allowing me to autocomplete types and constants. This was achieved by including a ScriptSnapshot when importing my files relative to the project.
- I thought I needed a webpack loader to assist in filling the gap during the transpilation process from Typescript to Javascript, but it did not solve the issue.
- Then, I came across this link (How to import custom file types in Typescript) which explains how to add a declaration file to the type roots of the tsconfig.json. However, this method is not feasible for me as my files have unique custom types for each instance.
- I also explored the option of adding custom file extensions to require.extensions, but this did not resolve the problem either. What am I missing to make the Typescript build or the webpack build function properly? What is the key component needed to prevent the aforementioned error message?