随笔分类 -  所遇bug和解决办法

记录日常编程中,遇到的bug和对应的解决方法 可供他人使用、借鉴
摘要:## 1. 问题 ### 1.1 场景 使用**Vue3 + setup**语法,使用`defineProps`时出现Eslint错误: ![](https://img2023.cnblogs.com/blog/2240374/202308/2240374-20230803101840773-197 阅读全文
posted @ 2023-08-03 10:42 青柠i 阅读(6692) 评论(0) 推荐(1)
摘要:> Element Plus 官方文档对于Icon图标的自动导入,言之甚少。故博主来写篇文章总结一下,如何正确使用 [unplugin-icons](https://github.com/antfu/unplugin-icons) 和 [unplugin-auto-import](https://g 阅读全文
posted @ 2023-07-06 21:10 青柠i 阅读(6767) 评论(0) 推荐(0)
摘要:## 1. 按需导入后使用组件 **Element-plus组件库的示例代码中,都`import`导入了组件,如:** ```vue As a service ``` 很多人就跟着复制了代码,包含了import语句,然后这时候去看界面,**==发现样式有问题==**,这是因为我们手动导入了组件,但没 阅读全文
posted @ 2023-07-05 17:34 青柠i 阅读(966) 评论(0) 推荐(0)
摘要:## 1.问题 1. vue3项目使用ElementPlus组件库,配置按需导入: 2. 首先安装`unplugin-vue-components` 和 `unplugin-auto-import`这两款插件 ```bash npm install -D unplugin-vue-component 阅读全文
posted @ 2023-07-05 15:27 青柠i 阅读(1659) 评论(0) 推荐(0)
摘要:## Element-plus中使用Loading,样式丢失 ### 背景: > **Vue3 + Element-Plus**,**使用了按需导入。** > > ```ts > import { ElLoading } from 'element-plus'; > > ElLoading.serv 阅读全文
posted @ 2023-01-13 09:53 青柠i 阅读(2812) 评论(4) 推荐(0)
摘要:背景 使用TS封装axios,在请求拦截器里添加**Authorization**携带Token: config.headers.Authorization = `Bearer ${token}` TS报错: axios版本:1.2.2 解决 1.2.2版本的AxiosHeaders中有这样一个方法 阅读全文
posted @ 2023-01-12 12:00 青柠i 阅读(515) 评论(0) 推荐(0)
摘要:1.报错情况: 当前环境:TS 发生错误的实例: 原因: 通过document.getElementsByClassName函数返回的类型为HTMLCollectionOf<Element>,而Element类型上不存在style属性。需要通过**类型断言**设置正确的类型。 2. 解决 1.使用d 阅读全文
posted @ 2022-10-11 20:48 青柠i 阅读(253) 评论(0) 推荐(0)
摘要:前提: 路由使用 BrowserRouter 模式 在 index.html 中引入了样式 1. 修改路径1 public/index.html 中引入样式时不写./写 /(常用) 2. 修改路径2 在 React 中 public/index.html 中引入样式时不写 / 写 %PUBLIC_U 阅读全文
posted @ 2021-11-06 17:04 青柠i 阅读(275) 评论(0) 推荐(0)
摘要:原因: React路由版本问题,你可以查看自己的package.json文件,查看react-router-dom的版本,应该是 6 版本。 在 React-Router v6版本中,Route更改了使用方式。 使用 Route 需要在 Routes 标签包裹下: import { BrowserR 阅读全文
posted @ 2021-11-06 15:08 青柠i 阅读(1928) 评论(0) 推荐(0)
摘要:相信大家最近发现F12打开控制台的时候,发现有个东西一直在控制台上面,如下图: 1. 当你点击了第一项后,控制台变成中文 可能有许多小伙伴觉得它很烦,然后点击了第一项Always match Chrome's language,然后控制台就变成中文的了,如下图: 1.1 方法1: 这时候我们可以点击 阅读全文
posted @ 2021-11-06 10:34 青柠i 阅读(1023) 评论(0) 推荐(0)
摘要:问题: 在vue中,使用表单form,如下: <div id="app2"> <form action="" @submit.prevent> enter后,控制台输出(esc清空):<br> <input type="text" v-model="value" @keyup.enter="ente 阅读全文
posted @ 2021-09-18 17:43 青柠i 阅读(1959) 评论(0) 推荐(0)
摘要:报错如图: 原因: 使用代理中间件的原因。 新版本引用http-proxy-middleware形式改变了,以前是这样: const proxy = require("http-proxy-middleware") 或者这样 const { createProxyMiddleware } = req 阅读全文
posted @ 2021-09-14 09:18 青柠i 阅读(590) 评论(0) 推荐(0)
摘要:问题: 使用Vue插件swiper,报如下bug: 解决: 报错原因: vue-awesome-swiper下载版本问题 解决: 如果写成下面这样报错: 则加上$ 反之,删除$ 问题解决 阅读全文
posted @ 2021-07-25 11:00 青柠i 阅读(310) 评论(0) 推荐(0)