javascript - 将 Nuxtjs 应用程序部署到 Netlify 时出现“未找到模块”错误
问题描述
我的 nuxt 应用程序在本地运行没有问题,但是当我尝试将站点部署到 Netlify 时,出现如下错误:
“未找到模块:错误:无法解析 '/opt/build/repo/layouts' 中的 '~/components/Navbar.vue'”
我收到以下错误:
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
请帮助,提前谢谢。
解决方案
确保您的文件具有正确的导入大小写。
<script>
import Navbar from '~/components/Navbar.vue'
export default {
components: {
Navbar
}
}
</script>
失败:components/NavBar.vue
失败:components/Navbar.Vue
正确的:components/Navbar.vue
推荐阅读
- php - 我该如何解决这个“警告:mysqli_connect():(HY000/1049):未知数据库”问题?
- laravel - Laravel - 邮件系统在我的 Web 服务器上不起作用,但给出 cURL 错误 7:(参见 http://curl.haxx.se/libcurl/c/libcurl-errors.html)
- apache-kafka - kafka producer api 0.8.2.1 与 1.0.1 代理不兼容?
- c++ - 为什么类型特征不适用于命名空间范围内的类型?
- angular - 如何将 isLinear 与来自步进器中其他步骤组件的 matFormFields(输入字段)一起使用?
- spring-mvc - 无法从控制器向同一 jsp 页面发送字符串
- javascript - 如何创建具有多个部分的 Electron 应用程序
- java - 为什么哨兵搜索比线性搜索慢?
- c# - 无法使用 .NET Core 3,预览版 4 编译 C# 8
- python - Django 模型在单个命令中查询所有字段,包括 ManyToManyField