logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

qiankun微前端主应用给子应用传组件

主应用给子应用传值是在注册的时候通过 props 进行传递。

文章图片
#前端#前端框架
Uncaught (in promise) TypeError: Cannot convert object to primitive value

说一下我这里这个错误和警告的原因,是因为我把传给 第三方组件的值 也当做了 第三方组件的 ref,可能没太说清楚,所以接下来看代码,我这里使用的第三方组件是 vxe-table。使用vue3的时候报了这个错误,而且还同时报了一个警告。

文章图片
#vue.js#前端#javascript
Failed to resolve import “element-plus/es/components/submenu/style/css“ from “src/components/trimxxx

报错是[vite] Internal server error: Failed to resolve import "element-plus/es/components/submenu/style/css" from "src/components/trimxxx.vue". Does the file exist?找到这个东西,是引入的,那么我们就去官网找 element-ui 和 eleme

文章图片
#css#vue.js
package.json 里面出现 workspace:*,关于工作区的解释

这里我说明一下,这里没有专门配置到哪个工作区,vue 项目寻找的时候,应该是当前目录没有找到,然后又跳到父级目录去找,之后找到的,关于 workspace 还有一些配置,大家自己去研究了,这里做一个简单的演示。当package.json 里面出现 workspace:*,一般用的是 MonoRepo 策略,关于这个策略,懂的就懂,不懂的也可以继续看下去,能理解 workspace:* 的。此时,v

文章图片
#npm#vscode
vue给数组赋值页面没有更新渲染(和别人的不一样)

今天在项目中测试给我测出来了一个问题,但是我反复检查,感觉代码没有问题,但是页面就是不更新,最后我慢慢的尝试,找到了问题的解决方法,不过目前还不清楚为什么会出现这个问题。由于公司的代码我不能泄露,但是我重试复现,没出现那个问题,项目比较忙,我就不去细细琢磨了,以下代码 bug 没复现,只提供参考。解决方法: 给渲染数组的那个标签外面在加一层div标签就可以了。

文章图片
#前端#vue.js#ui
vue3页面是空白页,没有显示

这是一个标签使用的问题,假如在 根标签(不过vue3组件可以直接不用添加根标签) div 里面直接嵌套一个 template 标签,就是会导致页面是空白页。解决办法,直接把根标签里面的 template 标签去掉就好了,反正 template 标签最终也不会渲染到 dom 里面。

文章图片
#前端#javascript#vue.js
Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidde

这是我在使用 antdesign 里面的轮播图时遇到的问题,后面上网查了一下,说明一下这个问题的原因及解决方法这个错误通常与网页 accessibility(无障碍访问)相关,涉及 ARIA 标签的不当使用,会导致屏幕阅读器等辅助技术无法正确识别焦点元素,影响用户的操作体验。以下是详细分析和解决方案一、错误原因解析核心问题:aria-hidden 与焦点冲突aria-hidden="true" 的

文章图片
#前端#javascript#html
vscode更改代码git没有更新

但是这样也不能实时更新,每次都要去点更新才会出现提示,我还是很不习惯,于是我就想到,我之前在网上复制了一份 vscode 的配置文件,会不会是那个影响了,结果就是的。最近我在修改文件的时候,我发现我的vscode不会像以前一样更新给我一个提示这个文件修改了,然后我上网搜。有人说是因为在项目最外层文件夹(项目名的同级目录下)git init了,产生了.git文件。可是没有修改的提示,很不方便啊,于是

文章图片
#vscode#git#ide
Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidde

这是我在使用 antdesign 里面的轮播图时遇到的问题,后面上网查了一下,说明一下这个问题的原因及解决方法这个错误通常与网页 accessibility(无障碍访问)相关,涉及 ARIA 标签的不当使用,会导致屏幕阅读器等辅助技术无法正确识别焦点元素,影响用户的操作体验。以下是详细分析和解决方案一、错误原因解析核心问题:aria-hidden 与焦点冲突aria-hidden="true" 的

文章图片
#前端#javascript#html
react构建项目报错 `npm install --no-audit --save @testing-l

第二步:添加依赖 web-vitals(@testing-library/jest-dom 和 @testing-library/user-event 自己可选是否添加)第一步:在 package.json 中把依赖 react19 改为 react 18。这应该是我们想构建 react18 的项目,但是 通过。进行构建时,给我们安装的依赖是 react 19。之后重新 npm i 一下就可以正常

文章图片
#react.js#npm#javascript
    共 24 条
  • 1
  • 2
  • 3
  • 请选择