强制区分大小写的导入路径答案

【问题标题】：Enforce case sensitive import path强制区分大小写的导入路径
【发布时间】：2021-02-27 22:30:04
【问题描述】：

我们的开发团队正在使用所有操作系统。在 OSX 和 Win 上自动导入 Vue 组件并使用小写，但组件的物理文件以大写开头。

当我们在服务器机器 (Linux) 上构建应用程序时，由于路径错误，构建失败。

例如，考虑现有的 vue 文件 MyComponent.vue：

这是在 win / osx 上添加的路径：import MyComponent from '~/components/myComponent' 这是在 Linux 上添加的路径，也是成功构建所必需的：import MyComponent from '~/components/MyComponent'

您能否告诉我是否有办法强制执行正确的导入路径，例如使用 es lint？谢谢你。我们在 Vue 应用中使用 Nuxt。

【问题讨论】：

标签： vue.js webpack nuxt.js eslint nuxtjs

【解决方案1】：

你试过这个 webpack 插件吗？ https://github.com/Urthen/case-sensitive-paths-webpack-plugin

【讨论】：

是的，我将其添加到 nuxt 配置中，然后由于某些内部错误而构建失败
您能否发布错误消息以供进一步调查？

【解决方案2】：

import/no-unresolved 规则处理区分大小写的路径。这是规则ESLint No Unresolved的文档

【讨论】：