- 博客(73)
- 收藏
- 关注
RSS订阅原创 echarts 报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘type‘)
该错误通常发生在以下场景：当尝试访问一个未定义对象的属性时，特别是图表配置项中某个必需的属性缺失或拼写错误。在 ECharts 中，如果通过异步加载数据，需确保数据完整返回后再初始化图表。某些图表类型（如地图、自定义系列）需要额外引入组件或扩展库。是系列（series）的核心配置项，未正确定义会导致该错误。确保每个系列对象都包含有效的。
2025-07-24 09:27:50
355
1
原创 Cannot create property ‘value‘ on string ‘codeReport‘报错
，而 JavaScript 字符串是原始类型（primitive），无法直接附加属性。通常是因为试图在一个字符串类型的变量上设置属性（如。：某些函数可能返回字符串，但代码中假设返回的是对象。是一个对象，但实际被赋值为字符串。是一个对象而非字符串。JavaScript 允许通过。
2025-07-24 09:19:38
294
原创 Runtime directive used on component with non-element root node.
应用到一个组件的根节点上，但该组件的根节点并非单个 DOM 元素（例如，可能是一个文本节点或多个根节点）。Vue 3 要求单文件组件（SFC）必须有唯一的根元素，除非明确配置为支持片段（Fragments）。Vue 3 支持多根节点（Fragments），但需确保指令应用在明确的元素上。检查其文档，确保它支持作为指令的目标。该错误通常出现在使用 Vue 3 或其他现代前端框架时，尝试将运行时指令（如。通过以上方法，可以解决因非元素根节点导致的运行时指令错误。确保组件的模板有且仅有一个根元素。
2025-06-25 09:39:19
346
原创 echarts报错无法获取dom
确保指定的DOM元素在初始化时已存在于页面中。若容器是通过动态加载（如AJAX或框架的生命周期钩子），需确认图表初始化时机正确。ECharts要求容器必须有明确的宽度和高度。若容器尺寸为0或未设置，会导致初始化失败。若容器内容为异步渲染（如v-if或路由切换），需在渲染完成后的回调中初始化图表。通常发生在图表初始化时，指定的DOM容器无效或无法正确获取。在Vue/React等框架中，需确保DOM已挂载后再初始化。的DOM元素是否有效。
2025-06-25 09:33:39
385
原创 vue3父组件调子组件方法
使用ref方式时，子组件必须通过defineExpose明确暴露方法。事件方式更适合组件间的松耦合通信。provide/inject适用于深层嵌套组件。根据具体场景选择合适的方法，ref直接调用最为简单直接，但会破坏一定程度的封装性。为子组件设置ref属性，父组件可通过ref.value直接调用子组件方法。子组件通过emit触发事件，父组件监听事件并调用方法。祖先组件提供方法，后代组件注入调用。
2025-06-25 09:31:16
923
原创 [渲染层网络层错误] Failed to load local image resource
微信开发者工具中点击"清除缓存"->"清除文件缓存"，或尝试关闭工具后删除项目目录下的。开发者工具中查看Network面板，过滤image类型请求，观察加载失败的具体原因。确认图片实际存在于指定目录，注意区分大小写。可通过开发者工具的文件面板直接检查。确保图片文件未被其他程序占用，且有读取权限。尝试将图片复制到新位置测试。尝试转换为常见格式如PNG/JPG，避免使用WebP等可能不支持的格式。某些旧版本基础库存在本地资源加载BUG，建议更新至最新稳定版。确保路径使用相对路径且正确指向目标文件。
2025-05-26 14:15:55
926
原创 vue3使用Pinia
这样，你就可以在 Vue 3 中使用 Pinia 来管理你的应用程序状态了。通过定义 store 和在组件中使用它们，你可以更好地组织和共享状态，并实现更好的状态管理。在Vue 3中使用 Pinia 是一个简单而强大的状态管理库。
2025-04-21 15:04:47
293
原创 element-plus报错: [ElForm] unexpected width NaN
原因是当el-form的label-width设置为auto时，el-form-item无label属性的时候，切换路由时(切换页面)，控制台会有个警告。解决方法：去除label-width属性或者设置固定宽度。
2025-04-21 13:41:08
690
1
原创 npm install --loglevel error --registry=https://registry.npm.tao.org --disturl=ht报错，vue2项目创建
2、把true改为false，然后保存，这种方法是修改为不使用淘宝镜像，创建项目之后想继续使用淘宝镜像，只需要把false改为true即可。1、找到图片中的文件，使用记事本打开。，发现可以成功创建了，
2025-03-20 14:40:09
322
原创 echarts报错Cannot read properties of null (reading ‘getAttribute‘)
【代码】echarts报错Cannot read properties of null (reading ‘getAttribute‘)
2025-03-20 14:25:55
267
原创 Failed to execute ‘readAsArrayBuffer‘ on ‘FileReader‘: parameter 1 is not of type ‘Blob‘
因为使用了element 上传功能，然后给fileReader.readAsArrayBuffer()传的参数对不上，传的参数中的raw才是需要的File对象。
2025-02-24 17:04:55
440
原创 vue3父子通信异步获取数据
子组件展示的数据是父组件请求得来的数据时，会因为异步操作而不会获取到最新数据，所以要在子组件里面用到watch去监听，复杂数据类型可以加deep进行深度监听。
2025-01-08 14:01:13
152
原创 vue3+vite的项目中，使用xlsx，控制台报错
通过【import * as 别名 from ‘xxx’】，通过别名就可以访问了。在vue3+vite的项目中，使用xlsx，控制台会报错。导出一些属性和方法，自然无法使用【原因是引入的库没有使用。来导出,而是直接使用。
2024-12-17 15:08:21
209
原创 Vite打包后动态路由加载失败的问题
提供的动态导入方式：import.meta.glob函数从文件系统导入多个模块。vite打包时，动态导入的模块不会被直接打包，导致加载失败。
2024-12-17 15:02:43
506
原创 [@vue/compiler-sfc] `defineProps` is a compiler macro and no longer needs to be imported.
也可直接使用defineProps，不需要import。表示在 <script setup> 中可直接使用。，不需要import。
2024-11-13 13:50:56
1290
原创 vue3封装ajax请求，用async/await发送请求
在组件中使用，async要写在离await最近的函数前缀上。现在src下创建api目录。
2024-10-16 10:42:48
456
原创 css实现文字单行居右, 换行居左展示
原理：给外层盒子设置文字居右对齐, 子盒子设置文字居左对齐。<view class="title"> <view class="son">文本</view></view>.hex-exe-new-title { text-align: right; .son { display: inline-block; text-align: left; }}
2024-09-18 11:23:23
501
原创 uniapp条件编译
条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。平台存在的代码，多个这里只有||，不可能出现。2、除了H5平台，其它平台均存在的代码。详情跳转uniapp官方。
2024-08-15 16:37:24
494
原创 vue样式穿透deep
2. /deep/ 如果项目使用了预处理器 scss 、less 等 css 预处理器，则可以使用 /deep/4. :deep() vue3 项目，使用 scss 预处理器，推荐使用 :deep() 语法。3. ::v-deep 不适用于 vue3 scss 场景 其他场景通用。1. >>> 用于原生 CSS 样式穿透。注意：vue-cli3以上版本不可以。
2024-08-15 15:59:07
310
原创 js把文本转成数字的几种方式
需要注意的是，如果要将一个非数值类型的字符串转换为数字，可能会得到NaN（Not a Number）结果。3.使用parseFloat()函数：parseFloat()函数可以将一个字符串解析为浮点数。2.使用parseInt()函数：parseInt()函数可以将一个字符串解析为整数。1.使用Number()函数：Number()函数可以将一个值转换为数字类型。5.使用运算符*：用运算符乘以1可以将文本转换成数字。4.使用+运算符：+运算符可以将字符串转换为数字。
2024-07-16 15:28:47
1276
原创 JS获取网页的宽高
这些方法将返回视口（viewport）的宽度和高度，即可见区域的宽度和高度，不包括滚动条和其他浏览器窗口装饰的部分。要获取网页的宽度和高度，可以使用 JavaScript 来动态获取。这些代码将返回整个页面的宽度和高度，包括滚动条和隐藏部分。
2024-07-16 14:46:16
713
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人