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';

请注意，该应用程序仍然可以正常运行，并且媒体文件可以按预期播放，但是会导致生产构建失败。

由于创建了shims-svg.d.ts文件并插入以下内容，因此我通过this修复了某些.svg文件，该问题同样存在：

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

我尝试为mp3专门添加一个文件，将“ .svg”换为“ .mp3”，但这没用。

Others提到在tsconfig中指定路径可能是一个问题-但我认为这不是问题：

我的如下：

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

有人知道如何解决其他文件的问题吗？

Answer 1

正如评论所提到的，这可能是由于ESLint过于敏感。我将禁用这些规则，然后从那里继续。

将mp3导入Vue / TypeScript应用会导致“找不到模块”错误

1 个答案: