问vue-cli-service构建在heroku中失败

EN

我有一个非常基本的应用程序，默认的vue-cli设置+一些组件和视图。

该应用程序在本地构建vue-cli-service build很好，但是当我尝试在heroku上部署它时，它失败了，出现了以下错误：

构建

运行构建

roh@1.0.0 build /tmp/build_9945eaec

vue-cli-service构建

为生产而建..。

错误编译失败，错误4:21:05 PM

没有找到这个相关模块：

错误生成与错误一起失败。*../ ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader"，中的资产/logo.png"cacheIdentifier":"6212392d-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Header.vue?vue&type=template&id=2778e676&scoped=true& npm错误！代码ELIFECYCLE npm错误！错误1国家预防机制错误！roh@1.0.0构建：vue-cli-service build npm！退出状态1 npm错误！npm错误！roh@1.0.0构建脚本失败。npm错误！这可能不是npm的问题。上面可能还有额外的日志输出。npm错误！这个运行的完整日志可以在: npm中找到！

/tmp/npmcache.fDHth/_logs/2021-05-01T16_21_06_022Z-debug.log

->构建失败

编辑：

这很奇怪，只有当我尝试在我的img组件中添加一个header标记时，构建才会失败。片段很简单，

<router-link to="/" class="flex title-font font-medium items-center text-gray-900 mb-4 md:mb-0">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-10 h-10 text-white p-2 bg-secondary rounded-full" viewBox="0 0 24 24">
        <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"></path>
    </svg>
    <!-- <img class="logo" src="@/assets/Logo.png" alt="Recipe Of Hope" srcset="" /> -->
    <span class="ml-3 text-xl text-primary">Recipe of Hope</span>
</router-link>

如果取消对img标记的注释，构建就会失败。