概要
.tsファイルで.glslファイルをインポートしたら、「型宣言が見つかりません」のエラーが出たので、そのエラー内容と解決方法です。
エラー内容
エラー内容
import vertexShader from "./shaders/vertexShader.glsl";
import fragmentShader from "./shaders/fragmentShader.glsl";
モジュール './shaders/vertexShader.glsl' またはそれに対応する型宣言が見つかりません。
モジュール './shaders/fragmentShader.glsl' またはそれに対応する型宣言が見つかりません。
解決方法
.glslファイルと同階層に以下の記述をした.tsファイルを作成。
するとインポート元の.tsファイルでエラーの赤線は消えていました。
shaders.d.ts
declare module "*.glsl" {
const content: string;
export default content;
}
おわりに
aiで聞いたら解決方法がすぐ出ましたが、よく遭遇しそうなので残しておきます。