Why does my Nuxt site deployment on Netlify fail with Fatal Error: Module Not Found?

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 }
],

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

我觉得我可能遗漏了一些非常微不足道的事情，但我不知道如何解决这个问题或去哪里寻找帮助解决这个问题，我们将不胜感激。

编辑我在 github 此处创建了我的前端示例存储库，它应该允许您查看在生产部署期间使用的前端代码。

编辑 2 问题已解决并删除不再需要的回购 link。

Answer 1

你的package.json中没有vue-lazyload依赖项，所以Netlify无法安装，只需运行这个命令npm install --save vue-lazyload

Why does my Nuxt site deployment on Netlify fail with Fatal Error: Module Not Found?

Why does my Nuxt site deployment on Netlify fail with Fatal Error: Module Not Found?

vue.js

netlify

nuxt.js