«Модуль не найден» Ошибка при развертывании приложения Nuxtjs в Netlify

Мое приложение nuxt работает локально без проблем, но когда я пытаюсь развернуть сайт в Netlify, я получаю сообщение об ошибке, например:

"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

Пожалуйста помоги, заранее спасибо.

javascript vue.js nuxt.js netlify

02.02.2019 14:28

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

1 885

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Убедитесь, что ваш файл имеет правильный регистр для импорта.

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

    components: {
      Navbar
    }
  }
</script>

Ошибка: components/NavBar.vue
. Сбой: components/Navbar.Vue

Правильно: components/Navbar.vue

Служба поддержки Netlify соглашается: почти наверняка проблема именно в этом. Может быть довольно сложно изменить регистр в git, если у вас есть файловая система, не чувствительная к регистру, такая как OSX и Windows, это может вам помочь: stackoverflow.com/questions/17683458/…

— 02.02.2019 18:52

02.02.2019 17:49