在写vue项目的时候

当我使用 :

import dataSource from '../overseaProduct/house/dataSource';

引入dataSource文件的时候:控制台报如下警告:

client?e46d:147 ./src/views/overseaProduct/house/dataSource.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* F:\jrtfWork\OA\node_modules\happypack\loader.js?id=happybabel!F:\jrtfWork\OA\src\views\overseaProduct\house\dataSource.js
Used by 1 module(s), i. e.
F:\jrtfWork\OA\node_modules\babel-loader\lib\index.js!F:\jrtfWork\OA\node_modules\vue-loader\lib\selector.js?type=script&index=0!F:\jrtfWork\OA\src\views\performance\person.vue
* F:\jrtfWork\OA\node_modules\happypack\loader.js?id=happybabel!F:\jrtfWork\OA\src\views\overseaProduct\house\datasource.js
Used by 5 module(s), i. e.
F:\jrtfWork\OA\node_modules\babel-loader\lib\index.js!F:\jrtfWork\OA\node_modules\vue-loader\lib\selector.js?type=script&index=0!F:\jrtfWork\OA\src\views\overseaProduct\house\yuyueDetails.vue
@ ./src/views/overseaProduct/house/dataSource.js
@ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/performance/person.vue
@ ./src/views/performance/person.vue
@ ./src/router/router.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.1.198:8080 webpack/hot/dev-server @/main

大致意思为:有多个模块的名称只在外壳中不同。

 这可能导致在具有其他大小写语义的文件系统上编译时出现意想不到的行为。
 
经过一段时间这折腾发现项目中 在其他目录下也有一个重名的

dataSource.js文件:
在项目中全局搜索:

改掉其中一个文件名就不会报这个警告了。

现在控制台就没有警告了。

附:在网上搜索错误解决方案时,发现当我们把  要引入的 文件名大小写, 写错时也会出现这样的警告。

如果OrgTree组件是大写的,那么这样用会错:

详见:

https://blog.csdn.net/qq_40887780/article/details/91480094

https://blog.csdn.net/weixin_41111068/article/details/84870341

https://www.bbsmax.com/A/RnJWwlprJq/

vue引入警告:There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. Use equal casing. Compare these的更多相关文章

  1. 项目警告:There are multiple modules with names that only differ in casing.This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.Use equal casing. Compare these modul

    记录个自己遇到的问题: 上星期项目刚拉取下来的时候运行没有任何警告,晚上回去vscode提示更新新的东西,当时没管就立即更新了,第二天重启项目直接一大堆警告冒了出来: There are multip ...

  2. vue报错There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. Use equal casing. Compare these mod

    今天在开发一个新项目时,当安装完依赖包启动项目后报了一个这个错 There are multiple modules with names that only differ in casing.Thi ...

  3. There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.

    There are multiple modules with names that only differ in casing.This can lead to unexpected behavio ...

  4. vue项目警告There are multiple modules with names that only differ in casing

    执行npm run dev后出现了警告提示: warning in ./src/components/Public/yearSelectCell.vue There are multiple modu ...

  5. vue中出现 There are multiple modules with names that only differ in casing的问题

    import时,文件引入的路径描述不统一,所以保留一种引入风格即可解决. 第一种,我选择统一用第一种 import GoTop from '@/components/layout/goTop' 第二种 ...

  6. vue报错:There are multiple modules with names that only differ in casing.

    今天写项目时,遇到报错信息如下: 经过多次排除及参考网上文章,最后找到问题所在 排查原因:1 .在引用组件时,路径大小写不对也会造成此报错,看例子:错误写法: 正确写法: 2.在组件使用vuex时,引 ...

  7. There are multiple modules with names that only differ in casing.

    client?4c0e:153 ./src/components/Paginate.vue There are multiple modules with names that only differ ...

  8. 多个文件名大小写不同,是因为运行代码是大写E,用vscode运行的是小写e,解决方案:手动npm run dev #There are multiple modules with names that only differ in casing.

    多个文件名大小写不同,是因为运行代码是大写E,用vscode运行的是小写e,解决方案:手动npm run dev #There are multiple modules with names that ...

  9. Angular中 build的时候遇到的错误--There are multiple modules with names that only differ in casing

    今天早上遇到一个Angular的编译的时候的错误 具体信息: There are multiple modules with names that only differ in casing.This ...

随机推荐

  1. H5内嵌原生app

    前言 其实我们不管是从ios还是安卓都可以看出 原生app能内嵌H5的原因是因为有了webview这个app内嵌浏览器视图,从而使得我们可以开发html然后加载到app中(原理几乎跟pc端请求.加载. ...

  2. final和finally和finalize的区别

    final 修饰类,不能被继承 修饰方法,不能被重写 修饰变量,只能赋值一次 finally 是try语句中的一个语句体,不能单独使用,用来释放资源 finalize 是一个方法,当垃圾回收器确定不存 ...

  3. 【转载】 什么是P问题、NP问题和NPC问题

    原文地址: http://www.matrix67.com/blog/archives/105 转载地址: https://www.cnblogs.com/marsggbo/p/9360324.htm ...

  4. ISO/IEC 9899:2011 条款6.4.6——标点符号

    6.4.6 标点符号 语法 1.以下之一     [  ]    (  )     {  }    .    ->    ++    --    &    *    +    -     ...

  5. 发布一个史上最简单代码最少Javascript Timer,解决一切定时执行的问题

    这个函数实现如下 function TimerStart(func,delay) { var TimerID = window.setInterval( function() { if(!func() ...

  6. mybatis bind exception

    springboot  项目  搜了半天 网上的解决方法千篇一律,最终问题 原因 ,yml 文件路径问题 mybatis: mapper-locations: classpath:com/yang/f ...

  7. Jmeter响应断言--正则表达式判断纯数字

    如图所示,这样是匹配14位数字,如果响应是纯数字可以直接用上

  8. 折线图值和坐标轴y轴不对应问题记录

    这个问题的产生是由于,在代码中加入了累加算法导致, series: lineObject.sort.map(item => { return ( { name: item, type: 'lin ...

  9. CSS基础(html+css基础)

    css: CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小.颜色.字体加粗等. 1.CSS代码语法: css ...

  10. 生成count位随机数工具类

    工具类 import java.util.Random; /** * 生成6位随机数字 */ public class GeneratorCode { /** * * @Title: getCode ...