VUE报错:Already included file name

最近在日常开发中,项目报了一个莫名其妙的错误:

1
Already included file name 'd:/work/work/git/base-biz/src/modules/nps/pages/ItemRadioInput.vue' differs from file name 'd:/work/work/git/base-biz/src/modules/nps/pages/itemRadioInput.vue' only in casing.

看字面意思,好像是重复引用了,于是全局搜索了一下相关文件的引入,结果并没有,又反复确认了引入路径,发现也完全没什么问题。

/images/articles/already-included-file-name/error

后来经过查询资料,得到以下两种解决方案:

1. 去掉引入文件的.vue后缀名:

1
import ItemRadioInput from "./ItemRadioInput";

2. 利用alias别名,用绝对路径形式引入相关文件:

1
import ItemRadioInput from "@/components/ItemRadioInput.vue";

本文永久链接: https://www.mulianju.com/already-included-file-name/