为什么我在 Netlify 上的 Nuxt 站点部署失败并出现致命错误：未找到模块？

Question

我正在尝试将 vue-lazyload 添加到我的 nuxt.js 应用程序中，它可以在本地运行，但是当我尝试通过 Netlify 进行部署时收到此错误。

9:46:04 PM: [fatal] Nuxt build error
9:46:04 PM:   ERROR in ./plugins/vue-lazyload.js
9:46:04 PM:   Module not found: Error: Can't resolve 'vue-lazyload' in 'plugins'
   @ ./plugins/vue-lazyload.js 2:0-39 5:8-19

我的 vue-lazyload.js 文件可以在我的其他插件旁边的 ./plugins 中找到，我在本地主机上没有收到此错误。这是vue-lazyload.js

 import Vue from "vue";
 import VueLazyLoad from "vue-lazyload";

 import error from "../assets/error.svg";
 import loading from "../assets/loading.svg";

 Vue.use(VueLazyLoad, {
    preLoad: 1,
    error: error,
    loading: loading,
    attempt: 1
 });

这是我nuxt.config.js的插件部分

plugins: [
    { src: '~/plugins/uikit.js', ssr: false },
    { src: '~/plugins/vue-agile.js', ssr: false },
    { src: '~/plugins/vue-awesome.js', ssr: false },
    { src: '~/plugins/vue-lazyload.js', ssr: false }
],

我在另一个 Stack questionNetlify 上看到组件名称有时会出现大小写问题，但我检查了我的 github 存储库和本地文件以查找插件文件名中的不同大小写，但没有发现任何问题。

我觉得我可能错过了一些非常琐碎的事情，但我不知道如何解决这个问题或在哪里寻找帮助解决这个问题，任何帮助将不胜感激。

编辑 我在这里在 github 上创建了我的前端示例 repo，它应该允许您查看在生产部署期间使用的前端代码。

编辑 2 问题已解决，不再需要删除 repo 链接。

Answer 1

你的package.json里面没有vue-lazyload依赖，所以Netlify不能安装，直接运行这个命令npm install --save vue-lazyload