随笔分类 - 所遇bug和解决办法
Vue3+ setup语法中报错 'defineProps' is not defined（eslint[no-undef]）
摘要：## 1. 问题 ### 1.1 场景 使用**Vue3 + setup**语法，使用`defineProps`时出现Eslint错误：  和 [unplugin-auto-import](https://g
Element-plus按需导入后，组件的正确使用和使用组件时TS报错找不到名称“xxxx”
摘要：## 1. 按需导入后使用组件 **Element-plus组件库的示例代码中，都`import`导入了组件，如：** ```vue As a service ``` 很多人就跟着复制了代码，包含了import语句，然后这时候去看界面，**==发现样式有问题==**，这是因为我们手动导入了组件，但没
Element-plus按需导入报错：Error: Cannot find module 'node:module'
摘要：## 1.问题 1. vue3项目使用ElementPlus组件库，配置按需导入: 2. 首先安装`unplugin-vue-components` 和 `unplugin-auto-import`这两款插件 ```bash npm install -D unplugin-vue-component
在Vue3+ElementPlus中，配置按需导入后，以服务的方式调用ElLoading，但页面中不显示
摘要：## Element-plus中使用Loading，样式丢失 ### 背景： > **Vue3 + Element-Plus**,**使用了按需导入。** > > ```ts > import { ElLoading } from 'element-plus'; > > ElLoading.serv
类型“AxiosHeaders | Partial”上不存在属性“Authorization”。 类型“AxiosHeaders”上不存在属性“Authorization”
摘要：背景 使用TS封装axios，在请求拦截器里添加**Authorization**携带Token: config.headers.Authorization = `Bearer ${token}` TS报错： axios版本：1.2.2 解决 1.2.2版本的AxiosHeaders中有这样一个方法
Property 'style' does not exist on type 'Element' in TS
摘要：1.报错情况： 当前环境：TS 发生错误的实例： 原因： 通过document.getElementsByClassName函数返回的类型为HTMLCollectionOf<Element>，而Element类型上不存在style属性。需要通过**类型断言**设置正确的类型。 2. 解决 1.使用d
在使用React或Vue中，解决多级路由路径刷新页面，样式丢失的问题
摘要：前提： 路由使用 BrowserRouter 模式 在 index.html 中引入了样式 1. 修改路径1 public/index.html 中引入样式时不写./写 /（常用) 2. 修改路径2 在 React 中 public/index.html 中引入样式时不写 / 写 %PUBLIC_U
Error: A is only ever to be used as the child of element, never rendereddirectly.Please wrap your in a .
摘要：原因： React路由版本问题，你可以查看自己的package.json文件，查看react-router-dom的版本，应该是 6 版本。 在 React-Router v6版本中，Route更改了使用方式。 使用 Route 需要在 Routes 标签包裹下： import { BrowserR
关于Chrome最新版，控制台变成中文以及打开控制台变慢了的解决办法
摘要：相信大家最近发现F12打开控制台的时候，发现有个东西一直在控制台上面，如下图： 1. 当你点击了第一项后，控制台变成中文 可能有许多小伙伴觉得它很烦，然后点击了第一项Always match Chrome's language，然后控制台就变成中文的了，如下图： 1.1 方法1： 这时候我们可以点击
解决Vue中，使用@keyup.enter 会触发两次事件的问题
摘要：问题: 在vue中，使用表单form，如下： <div id="app2"> <form action="" @submit.prevent> enter后，控制台输出(esc清空)：<br> <input type="text" v-model="value" @keyup.enter="ente
React项目启动时，报错createProxyMiddleware is not a function
摘要：报错如图： 原因： 使用代理中间件的原因。 新版本引用http-proxy-middleware形式改变了，以前是这样： const proxy = require("http-proxy-middleware") 或者这样 const { createProxyMiddleware } = req
[Vue warn]: “TypeError: Cannot read property ‘slideTo‘ of undefined“
摘要：问题： 使用Vue插件swiper，报如下bug： 解决： 报错原因： vue-awesome-swiper下载版本问题 解决： 如果写成下面这样报错： 则加上$ 反之，删除$ 问题解决
