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

目录捏

  • 一、TypeError: Cannot read properties of undefined(reading ' self')
    • 问题描述:
    • 原因分析:
    • 解决方案:
  • 二、error 'XXX' is not defined no-undef
    • 问题描述:
    • 原因分析:
    • 解决方案:
  • 三、Error: Cannot find module 'babel-preset-es2015'
    • 问题描述:
    • 原因分析:
    • 解决方案:
  • 四、Refused to apply style from 'http://localhost:8080/iconfont.css'
    • 问题描述:
    • 原因分析:
    • 解决方案:


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

请添加图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/411660.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

交换机配置及网络测试

实验环境 拓扑图 Ip规划表 部门 主机数量 网络地址 子网掩码 网关 可用ip Vlan 市场部 38 192.168.131.0 255.255.255.0 192.168.131.1 2-254 11 研发部 53 192.168.132.0 255.255.255.0 192.168.132.1 2-254 12 财务部 9 192.168.133.0 255.255.255…

2023最新版IDEA 创建javaweb项目(图文详细)

2023 用idea搭建第一个javaweb入门项目 文章目录 2023 用idea搭建第一个javaweb入门项目前言一、javaweb简介二、快速入门1.新建一个java项目2.添加Web Application3.配置环境4.配置jar5.导入servlet,jsp jar包6.配置tomcat服务器7.测试 总结 前言 该教学主要针对各位刚刚接触…

docker干货分享-安装redis-只需四个命令即可

首先保证docker安装成功: 因为已经安装成功,所以截图只是成功后的每一步: 注意:如果不是root账户登录的服务器,每个命令前面都需要加上sudo 第一步:下载redis镜像 redis最好直接用最新版 docker pull red…

Github操作网络异常笔记

Github操作网络异常笔记 1. 源由2. 解决2.1 方案一2.2 方案二 3. 总结 1. 源由 开源技术在国内永远是“蛋疼”,这些"政治"问题对于追求技术的我们,形成无法回避的障碍。 $ git pull ssh: connect to host github.com port 22: Connection ti…

数字证书和数字签名

如何证明浏览器收到的公钥一定是该网站的公钥? 现实生活中,若想证明某身份证号一定是小明的,可以看他身份证,而身份证是由政府作证的,这里的“公理”就是“政府机构可信”,这也是社会正常运作的前提。 那…

前端(html+css+javascript)作业--展现家乡的网页

期末期间,老师布置了前端作业,现在放到这里,给各位同志参考。 桂平市是广西壮族自治区的一个美丽的城市,拥有丰富的历史文化和自然景观,属于贵港市管辖,那为什么是看起来是市级而不是县级,其实他…

Java Springboot SSE如何判断客户端能否正常接收消息

目录 背景解决方案思路代码代码解释 Java反射知识点补充 背景 当新建一个 emitter 对象的时候, 它的默认超时时间是 30s. SseEmitter emitter new SseEmitter(); 但是很多情况下, 默认30s的时间太短, 需要把 emitter 对象的超时时间设置成不超时, 也就是永久有效. private …

@PostConstruct 注解分析

一、简介 如果需要在生成对象时就完成某些初始化操作,而且这些初始化操作又依赖于依赖注入Autowired,那么就无法在构造函数中实现。为此,可以使用PostConstruct注解一个方法来完成初始化。PostConstruct注解的方法将会在依赖注入完成后被自动…

lenovo联想笔记本电脑拯救者Legion Y7000 2019 PG0(81T0)原装出厂Windows10系统

链接:https://pan.baidu.com/s/1fn0aStc4sfAfgyOKtMiCCA?pwdas1l 提取码:as1l 联想拯救者原厂Win10系统自带所有驱动、出厂主题壁纸、系统属性联机支持标志、系统属性专属LOGO标志、Office办公软件、联想电脑管家等预装程序 所需要工具:…

【AIGC】IP-Adapter:文本兼容图像提示适配器,用于文本到图像扩散模型

前言 IPAdapter能够通过图像给Stable Diffusion模型以内容提示,让其生成参考该图像画风,可以免去Lora的训练,达到参考画风人物的生成效果。 摘要 通过文本提示词生成的图像,往往需要设置复杂的提示词,通常设计提示词变…

Python多线程爬虫——数据分析项目实现详解

前言 「作者主页」:雪碧有白泡泡 「个人网站」:雪碧的个人网站 ChatGPT体验地址 文章目录 前言爬虫获取cookie网站爬取与启动CSDN爬虫爬虫启动将爬取内容存到文件中 多线程爬虫选择要爬取的用户 线程池 爬虫 爬虫是指一种自动化程序,能够模…

【动态规划】23子数组系列_等差数列划分_C++

题目链接:等差数列划分 目录 题目解析: 算法原理 1.状态表示 2.状态转移方程 3.初始化 4.填表顺序 5.返回值 编写代码 题目解析: 题目让我们求数组 nums 中所有为等差数组的 子数组 个数。 由题可得: 一个等差数列 至少…