“未找到模块"将 Nuxtjs 应用程序部署到 Netlify 时出错 [英] "Module not found" Error when deploying Nuxtjs app to Netlify

问题描述

我的 nuxt 应用程序在本地运行没有问题，但是当我尝试将该站点部署到 Netlify 时，出现如下错误:

My nuxt app is runing locallly without problems but when im trying to deploy the site to Netlify I got error like:

未找到模块:错误:无法解析 '~/components/Navbar.vue' in'/opt/build/repo/layouts'"

"Module not found: Error: Can't resolve '~/components/Navbar.vue' in '/opt/build/repo/layouts'"

我收到以下错误:

ERROR in ./layouts/default.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib??vue-loader-options!./layouts/default.vue?vue&type=script&lang=js&)
6:49:50 PM: Module not found: Error: Can't resolve '~/components/Navbar.vue' in '/opt/build/repo/layouts'
6:49:50 PM:  @ ./layouts/default.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib??vue-loader-options!./layouts/default.vue?vue&type=script&lang=js&) 8:0-45 11:12-18
6:49:50 PM:  @ ./layouts/default.vue?vue&type=script&lang=js&
6:49:50 PM:  @ ./layouts/default.vue
6:49:50 PM:  @ ./.nuxt/App.js
6:49:50 PM:  @ ./.nuxt/index.js
6:49:50 PM:  @ ./.nuxt/client.js
6:49:50 PM:  @ multi ./.nuxt/client.js

请帮忙，提前致谢.

推荐答案

确保您的文件具有正确的导入大小写.

Make sure your file has the correct case for your import.

<script>
  import Navbar from '~/components/Navbar.vue'
  export default {

    components: {
      Navbar
    }
  }
</script>

失败:components/NavBar.vue
失败:components/Navbar.Vue

正确:components/Navbar.vue

这篇关于“未找到模块"将 Nuxtjs 应用程序部署到 Netlify 时出错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！