将 mp3 导入 Vue/TypeScript 应用程序会导致"找不到模块"错误

Question

我正在尝试将一些.mp3文件导入我的 Vue/Typescript 应用程序，但在"npm run serve"上，我收到以下错误：

ERROR in /Users/***/***/application/src/components/Sampler.vue(80,16):
80:16 Cannot find module '@/assets/samples/A1.mp3'.
78 | import { Component, Prop, Vue } from 'vue-property-decorator';
79 | import * as Tone from 'tone';
> 80 | import A1 from '@/assets/samples/A1.mp3';

请注意，无论应用如何，媒体文件仍会按预期播放，但它会导致生产版本失败。

我对某些.svg文件有同样的问题，因此我通过创建一个shims-svg.d.ts文件并插入以下内容来修复：

declare module '*.svg' {
import Vue, {VueConstructor} from 'vue';
const content: VueConstructor<Vue>;
export default content;
}

我尝试专门为 mp3 添加一个文件，将">.svg"替换为">.mp3"，但这不起作用。

其他人提到这可能是在 tsconfig 中指定路径的问题 - 但我不认为这是问题所在：

我的如下：

"paths": {
"@/*": [
"src/*",
"./*"
]

有谁知道如何为其他文件解决此问题？

Answer 1

正如评论中提到的，这可能是由于 ESLint 过于敏感。我将禁用这些规则并从那里开始。