- 博客(31)
- 收藏
- 关注
RSS订阅原创 vue3+vite5，引入tailwindcss不生效的原因
新版本的vite不需要创建scss样式文件，直接在main.js中导入import "tailwindcss/tailwind.css";另外，对于vite4及以上版本，vite.config.js不需要对tailwind做任何配置，postcss插件vite内部会自动引入进行运行。在App.vue,将img标签的class设置为class='bg-red-900'和class='bg-orange-600'若页面中出现如下红色和橙色背景，则表示tailwindcss引入成功。
2024-05-16 15:58:27
2560
原创 vue报错之“ Static class blocks are not enabled. Please add `@babel/plugin-transform-class-static-block”
这个报错信息提示的是静态类块（因为在JavaScript中使用了类语法，但没有相应的Babel插件来转换这种高级语法特性）不被支持。因为Babel默认只转换ES5语法，所以需要添加对应的Babel插件来实现转换。2. 在Babel配置文件（比如。3.重新运行项目，问题解决。
2024-04-21 17:13:31
792
原创 vue报错之“JSX element implicitly has type ‘any‘ because no interface ‘JSX.IntrinsicElements‘ exists.”
在使用TypeScript时，在vue中报了如上错误，“JSX 元素隐式具有类型 "any"，因为不存在全局类型 "JSX.Element"。不使用严格的类型检查，即在 tsconfig.json 中设置 “strict”: false。在 tsconfig.json中设置 “noImplicitThis”: false。
2024-04-19 20:11:42
3501
1
原创 vue报错之“Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined... ”
然而，启用 __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ 标志后，即使在生产环境下，当发生hydration不匹配错误时，Vue也会输出详细的错误信息，这对于调试和排查此类问题非常有用。在Vue 3.4版本中引入了特性标志__VUE_PROD_HYDRATION_MISMATCH_DETAILS__，是一个编译时的特征标志（feature flag），它用于控制在生产环境下服务器端渲染（SSR）过程中hydration（激活）阶段的错误处理行为。
2024-04-19 19:58:33
7019
4
原创 使用create-vite创建项目后，默认vue文件里面引用vue的地方报错
报错信息如下：Cannot find module 'vue'. Did you mean to set the 'moduleResolution' option to 'node', or to add aliases to the 'paths' option?
2024-04-06 17:23:18
222
1
原创 vue3报错之“An import path can only end with a ‘.tsx‘ extension when ‘allowImportingTsExtensions‘ is ..”
在main.ts中打算引入App.tsx时，不需要.tsx, 直接引入文件即可。
2024-02-02 23:35:41
2135
原创 vue3 动态引入图片时报错之“require is not defined”
在vue3中使用require引入img时，发现控制台报错“require is not defined”。因为vue3项目使用vite创建的，而require是webpack提供的一种加载能力。使用new URL(url, import.meta.url).href的格式引入图片。直接使用import引用该图片路径。
2024-02-02 23:14:00
1663
原创 vite创建项目后报错之“HelloWorld.vue has no default export”
使得写法为 lang=ts 的组件能使用 *.vue 引入。代替 Vetur 的语法高亮等功能。插件，Vetur 默认使用。
2024-01-31 21:47:10
1663
1
原创 npm install 报错 之 “certificate has expired”
我在下载vue/babel-plugin-jsx时，突然发现无法下载，控制报错显示：'certificate has expired'。查找原因后发现是‘证书过期'。然后执行以下命令，问题解决。
2024-01-27 14:18:20
7543
原创 Vue: 解决 “ESLint 的 Delete `CR`“报错
安装完prettier代码格式化工具 和 eslint 之后，在将git分支合并到主分支master时，eslint检测出了错误，全面爆红，导致项目无法启动。查找原因后发现是，在Prettier 和 Eslint 结合使用的情况下，代码运行后产生了 crlf 和 cr 差别，所以eslint 检测出来后无法启动以及全面爆红。1. 在终端修改 git 的全局配置，禁止 git 自动 将 lf 转换为 crlf。主要原因是 git 的 一个配置属性 core.autorlf。
2024-01-25 14:05:55
1437
原创 vite 报错之 Dynamic require of “path“ is not supported
vite 报错之 Dynamic require of "path" is not supported
2023-11-25 16:54:46
489
原创 Git使用之（error: pathspec ‘master‘ did not match any file(s) known to git）
Git使用之（error: pathspec 'master' did not match any file(s) known to git）
2023-11-20 19:46:27
758
1
原创 代码随想录算法训练营第二十三天|669. 修剪二叉搜索树、108.将有序数组转换为二叉搜索树、538.把二叉搜索树转换为累加树
669. 修剪二叉搜索树、108.将有序数组转换为二叉搜索树、538.把二叉搜索树转换为累加树
2023-09-29 17:36:02
144
1
原创 代码随想录算法训练营第二十二天|235. 二叉搜索树的最近公共祖先、701.二叉搜索树中的插入操作、450.删除二叉搜索树中的节点
235. 二叉搜索树的最近公共祖先、701.二叉搜索树中的插入操作、450.删除二叉搜索树中的节点
2023-09-29 11:25:57
206
1
原创 代码随想录算法训练营第二十一天|530.二叉搜索树的最小绝对差、501.二叉搜索树中的众数、236. 二叉树的最近公共祖先
530.二叉搜索树的最小绝对差、501.二叉搜索树中的众数、236. 二叉树的最近公共祖先
2023-09-28 21:06:57
184
原创 代码随想录算法训练营第二十天|654.最大二叉树、617.合并二叉树、700.二叉搜索树中的搜索、98.验证二叉搜索树
654.最大二叉树、617.合并二叉树、700.二叉搜索树中的搜索、98.验证二叉搜索树
2023-09-27 20:26:00
116
1
原创 代码随想录算法训练营第十八天|513.找树左下角的值、112. 路径总和、106.从中序与后序遍历序列构造二叉树
513.找树左下角的值、112. 路径总和、106.从中序与后序遍历序列构造二叉树
2023-09-26 18:51:21
271
原创 代码随想录算法训练营第十七天|110.平衡二叉树、257. 二叉树的所有路径、404.左叶子之和
注意，只有当前遍历的节点是父节点，才能判断其子节点是不是左叶子。，需要先处理中间节点，中间节点就是我们要记录路径上的节点，先放进curPath中， curPath += node.val + '->'当遇到左叶子节点的时候，记录数值，然后通过递归求取左子树左叶子之和，和 右子树左叶子之和，相加便是整个树的左叶子之和。这道题目要求从根节点到叶子的路径，所以需要前序遍历，这样才方便让父节点指向孩子节点，找到对应的路径。递归的过程中依然是遇到空节点了为终止，返回0，表示当前节点为根节点的树高度为0。
2023-09-24 10:02:54
200
1
原创 代码随想录算法训练营第十六天|104.二叉树的最大深度、111.二叉树的最小深度、222.完全二叉树的节点个数
104.二叉树的最大深度、111.二叉树的最小深度、222.完全二叉树的节点个数
2023-09-23 14:06:14
144
1
原创 代码随想录算法训练营第十四天|二叉树的递归遍历、二叉树的迭代遍历
我们用迭代法写出了二叉树的前后中序遍历，大家可以看出前序和中序是完全两种代码风格，并不像递归写法那样代码稍做调整，就可以实现前后中序。这是因为前序遍历中访问节点（遍历节点）和处理节点（将元素放进result数组中）可以同步处理，但是中序就无法做到同步！案例144.二叉树的前序遍历题目力扣题目链接给你二叉树的根节点root，返回它节点值的前序遍历。代码如下（JavaScript）// 入栈 右 -> 左// 出栈 中 -> 左 -> 右if(!return res94.二叉树的中序遍历题目。
2023-09-21 15:33:55
153
原创 代码随想录算法训练营第十三天|239. 滑动窗口最大值、347.前 K 个高频元素
单调队列快速解决 滑动窗口最大值； 优先级队列快速解决 前k个高频元素
2023-09-19 19:57:43
177
1
原创 代码随想录算法训练营第第十一天|20. 有效的括号、1047. 删除字符串中的所有相邻重复项、150. 逆波兰表达式求值
20. 有效的括号、1047. 删除字符串中的所有相邻重复项、150. 逆波兰表达式求值
2023-09-17 12:26:50
176
1
原创 代码随想录算法训练营第十天|232. 用栈实现队列、225. 用队列实现栈
利用两个栈轻松实现队列操作、单队列或双队列多种方法快速实现对栈操作的模拟
2023-09-16 20:45:39
180
1
原创 代码随享录算法训练营第八天|344.反转字符串、541. 反转字符串II、剑指Offer 05.替换空格、151.翻转字符串里的单词、剑指Offer58-II.左旋转字符串
双指针法快速解决反转字符串、for循环巧解反转字符串II、双指针法+数组扩充搞定替换空格、反转字符串+单词反转轻松搞定翻转字符串里的单词、局部反转+整体反转 完美解决左旋转字符串
2023-09-15 12:20:03
141
原创 代码随想录算法训练营第七天|454. 四数相加 II、383. 赎金信、15.三数之和、18.四数之和
利用map快速解决 四数相加|| ；利用数组轻松解决 赎金信；双指针法高效解决三数之和；双指针法高效解决四数之和
2023-09-14 18:01:05
150
1
原创 代码随想录算法训练营第六天|242.有效的字母异位词、349. 两个数组的交集、202快乐数、1. 两数之和
用数组快速解决有效的字母异位词；使用set集合快速求出 两个数组的交集、使用set集合解决快乐数、使用map集合解决 两数之和
2023-09-12 23:41:07
123
原创 代码随想录算法训练营第四天|24. 两两交换链表中的节点、19.删除链表的倒数第N个节点、面试题 02.07. 链表相交、142.环形链表II
24. 两两交换链表中的节点、19.删除链表的倒数第N个节点、面试题 02.07. 链表相交、142.环形链表II
2023-09-10 21:55:39
87
原创 代码随想录算法训练营 | 704.二分查找、27.移除元素
对于二分法经常会出错的主要原因就是,对区间的定义没有理解清楚,我们在循环中应该始终坚持查找区间的定义来做边界处理.区间的定义就是不变量,那么循环中坚持查找区间的定义来做边界处理,就是循环不变量原则.解释一下题目原文 “你不需要考虑数组中超出新长度后面的元素。”及示例中正确答案本来是nums[2,2]而nums[2,2,3,3] 或nums[2,2,0,0]也会被视为正确答案的原因。因为数组在内存地址中是连续分布的，不能单独删除数组中某个元素，只能覆盖。所以，多余的数组无法直接删掉，还保留在原数组中。
2023-09-07 16:24:37
214
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人