【Vue】路由学习中遇到的BUG

目录捏


最近路由学习中遇到了各式各样的飚红,记录下来供大家参考( 其实是怕下次再错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" 注释即可

相关推荐
paopaokaka_luck10 分钟前
基于Spring Boot+Vue的吉他社团系统设计和实现(协同过滤算法)
java·vue.js·spring boot·后端·spring
程序视点3 小时前
IObit Uninstaller Pro专业卸载,免激活版本,卸载清理注册表,彻底告别软件残留
前端·windows·后端
前端程序媛-Tian3 小时前
【dropdown组件填坑指南】—怎么实现下拉框的位置计算
前端·javascript·vue
嘉琪0013 小时前
实现视频实时马赛克
linux·前端·javascript
烛阴4 小时前
Smoothstep
前端·webgl
若梦plus4 小时前
Eslint中微内核&插件化思想的应用
前端·eslint
爱分享的程序员4 小时前
前端面试专栏-前沿技术:30.跨端开发技术(React Native、Flutter)
前端·javascript·面试
超级土豆粉4 小时前
Taro 位置相关 API 介绍
前端·javascript·react.js·taro
若梦plus4 小时前
Webpack中微内核&插件化思想的应用
前端·webpack
若梦plus4 小时前
微内核&插件化设计思想
前端