视频剪辑软件 https Jetbains全家桶 php path jq遍历 grep不是内部命令 hadoop创建文件夹 pip环境变量 python操作mongodb python课程 python的文件操作 python读取本地文件 java日期 java的instanceof java当前时间 java数组 图吧导航怎么样 m4a转mp3格式转换器 dg分区 java疯狂讲义 一件换肤 groupy 在线手册 凯恩与林奇2下载 联发科mt6750 骰子表情 airdrop是什么 华为mate8和p9哪个好 proxies pr脱机文件怎么恢复 this关键字 数组对象去重 php教程下载 服务器软件 ios数据恢复 mysql下载64位 ps立体字 力学分析软件 无效sim卡
当前位置: 首页 > 学习教程  > 编程语言

引入codemirror时报错,webpack中resolve.extensions配置产生的问题

2020/8/31 14:03:33 文章标签:

问题

在引入codemirror的时候,找不到对应的CodeMirror对应的函数。原因在于在CodeMirror库中lib的CodeMirror文件有2个,相同的名字。

举个例子,在CodeMirror/mode/javascript下的任一个js文件,都是报错的。
在这里插入图片描述
这里引入了lib/CodeMirror,分析了下,是传入的CodeMirror缺失了对应的方法
在这里插入图片描述
我们输出JS文件引入的情况。

在这里插入图片描述
发现了如果没有指名后缀的话,无法找到正确的文件。
在这里插入图片描述
这个导致的原因是lib文件夹下存在2个相同名字的文件。
在这里插入图片描述
如果后缀名没有指名的话,这里判断的顺序是按照webpack配置的extensions顺序来决定的。
在这里插入图片描述
这里CSS大于JS,所以优先引入的是css文件,这就导致了引入文件错误了。

这个时候只要改下引入顺序即可。

结果

在这里插入图片描述
在这里插入图片描述
引入就正常了。


本文链接: http://www.dtmao.cc/news_show_150159.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?