在 TypeScript 中导入音频文件

我在 TypeScript/React 应用程序（使用 create-react-app 制作）中导入音频文件时遇到问题。

我正在尝试像这样导入文件：

import note from "./audio/note1s.mp3";

但我收到了 TypeScript 错误，内容如下：

找不到模块“./audio/note1s.mp3”或其相应的类型声明。

如果我添加// @ts-ignore在该行上方忽略错误，代码运行良好，并且我能够按预期使用该文件。

如何配置我的项目来消除这些错误？我对 TypeScript 相当陌生，所以我确信我缺少一些东西。我不想添加那些@ts-ignore每次我导入文件时都会出现几行。

import语句通常用于导入 JavaScript/TypeScript 文件。创建反应应用程序extends https://create-react-app.dev/docs/using-the-public-folder/#when-to-use-the-public-folder此列表包含样式表、图像和字体。

音频或视频等资源应移至public/文件夹在你的create-react-app并且可以直接从 HTML 输出中引用。

例如： 放置您的note1s.mp3文件至public/audio/note1s.mp3.

Embed https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audioApp.js 中的音频使用/audio/note1s.mp3（没有public/):

return (
        <div className="App">
            <figure>
                <figcaption>Play audio file:</figcaption>
                <audio
                    controls
                    src="/audio/note1s.mp3">
                    Your browser does not support the
                    <code>audio</code> element.
                </audio>
            </figure>
        </div>
    );