最近路由学习中遇到了各式各样的飚红，记录下来供大家参考（ 其实是怕下次再错X^X
一、TypeError: Cannot read properties of undefined(reading ’ self’)
问题描述：
无法读取 undefined 的属性
原因分析：
routes配置中不是components而是component( 自动提示害人不浅
解决方案：
将components改为component
二、error ‘XXX’ is not defined no-undef
问题描述:
'XXXXX' 未被定义
原因分析：
组件中的name写成变量形式，而变量不存在
解决方案：
将name中所写变量形式改为字符串形式
三、Error: Cannot find module ‘babel-preset-es2015’
问题描述:
按element-ui官网的步骤进行按需引入后报错：找不到模块'babel-preset-es2015'
原因分析：
不再使用es2015，改成@babel/preset-env，两者是相同的，其作用都是编译es6语法
解决方案：
在babel.config.js中写成
四、Refused to apply style from ‘http://localhost:8080/iconfont.css’
问题描述:
拒绝应用'http://localhost:8080/iconfont.css'的风格，因为它的MIME类型('text/html')不是支持的样式表MIME类型，并且启用了严格的MIME检查
原因分析：
引入的reset.css样式中，import引入了css样式：@import "./iconfont.css"
解决方案：
把css文件中引入的 @import "./iconfont.css" 注释即可文章来源：https://www.toymoban.com/news/detail-804712.html
文章来源地址https://www.toymoban.com/news/detail-804712.html
到了这里，关于【Vue】路由学习中遇到的BUG的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
