- 博客(22)
- 收藏
- 关注
RSS订阅原创 解决vite项目启动报错： Cannot find module @rollup/rollup-darwin-arm64
报错信息：Error: Cannot find module @rollup/rollup-darwin-arm64. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try。这是个老问题了，报错里已经给出了提示，原因是。这个文件里面出现了错误的module。
2023-12-11 15:41:23
11751
5
原创 如何将navigator的坐标转为GCJ-02坐标
腾讯地图的javascript API GL 只能通过api去换去GCJ-02坐标，这里推荐一个npm包去直接转换。
2023-10-20 16:06:25
2045
原创 TypeError: config._d.getTime is not a function“报错问题
moment的TypeError: config._d.getTime is not a function"的报错问题出现
2023-08-08 14:17:55
988
原创 解决pinia报‘Did you forget to install pinia?‘的错误
"getActivePinia()" was called but there was no active Pinia. Did you forget to install pinia?
2023-07-09 17:42:28
4215
2
原创 获取盒子距离顶部的位置
需要注意的是，offsetTop 属性获取的是元素的上边缘相对于其 offsetParent 元素的上边缘的距离，因此如果元素有父元素，那么它的 offsetTop 属性值会受到父元素的影响。如果需要获取元素相对于文档顶部的距离，可以使用 getBoundingClientRect() 方法。对象，它是包含整个元素的最小矩形，包括它的填充和边框宽度。、、、和属性描述了整个矩形的位置和大小（以像素为单位）和以外的属性 相对于视口的左上角。
2023-06-08 11:55:58
406
原创 pinia在vue3中的使用
Pinia 是 Vue 的专属状态管理库，它允许你跨组件或页面共享状态。如果你熟悉组合式 API 的话，你可能会认为可以通过一行简单的 export const state = reactive({}) 来共享一个全局状态。对于单页应用来说确实可以，但如果应用在服务器端渲染，这可能会使你的应用暴露出一些安全漏洞。在src目录下创建store目录，在store目录下创建index.ts文件，文件内用来创建pinia。在store目录下创建modules目录，然后创建对应的模块，例如user.ts。
2023-05-30 19:23:49
140
原创 解决pinia报hasInjectionContext问题
今天重新安装了下pinia发现项目运行打印hasInjectionContext找不到的问题，去官网看了眼发现2.1版本的pinia需要vue3.3以上的版本支持。所以可以尝试去更新你的vue的版本，但是还是推荐去安装低版本的pinia，毕竟很多依赖可能要对应上！
2023-05-30 18:52:26
12406
5
原创 vue-cli项目中在作用域内使用less变量
在项目，当我们使用到一些全局的样式，例如全局主题，边距等等，原生css用--变量名去实现，less中需要我们去用@去定义些变量，但是在vue的文件中，无法直接去使用全局变量，ok，直接上代码！
2023-05-28 16:19:29
539
1
原创 关于ts文件中，引入vue文件报红线的问题
问题就是ts不会识别vue，会认为没有这样的模块。找到你的env.d.ts中写入下面代码。不好使的话重启下项目试试。
2023-05-23 10:24:57
870
1
原创 vue中使用contenteditable属性
contenteditable属性，可以把一个标签变为可编辑状态，完美解决了一些没必要用到input的业务场景，但在vue中，这种编辑状态没有被vue去监听到，导致值的变化并没有影响数据，这篇文章主要通过简单的方式来实现效果，涉及到业务复杂点的，可以综合一下！
2023-05-17 15:45:13
811
原创 关于VUE3的路径别名的配置（vite + webstorm）
在使用I-view提供的工程框架后，发现我的@路径在webstorm编辑器中无法被识别了，所以要记录下这次问题。
2023-05-10 19:25:07
2402
3
原创 在vuecli2项目中使用svg, 并且实现统一导入
在src目录下新增icons目录，需要准备一个存放scg的文件，以及一个js文件来实现统一导入。在根目录的build文件中，找到webpack.base.conf.js 文件。2. 当我们修改了配置文件要记得重启项目，否则会报错。1. 要注意路径，根据自己的文件情况来填写。最后在main.js中导入icons。index.js内容如下。
2023-04-24 17:21:06
360
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人