随笔分类 - uniapp
摘要：
小程序在打包往往会把依赖包中的部分代码也打包进去，在经过常见的处理手段后还是超出可以尝试优化一下依赖。 方法一：删除未引用的脚本文件 例如我的uniapp小程序打包时，主包超了80kb，在经过一通分析后，发现依赖包里的一个插件uview-ui的体积较大，且里面的一些数据是可以通过接口来返回的，比如u
阅读全文
小程序在打包往往会把依赖包中的部分代码也打包进去，在经过常见的处理手段后还是超出可以尝试优化一下依赖。 方法一：删除未引用的脚本文件 例如我的uniapp小程序打包时，主包超了80kb，在经过一通分析后，发现依赖包里的一个插件uview-ui的体积较大，且里面的一些数据是可以通过接口来返回的，比如u
阅读全文
摘要：
uniapp运行小程序报错：Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 14:55:02.916 SassError: expecte
阅读全文
uniapp运行小程序报错：Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 14:55:02.916 SassError: expecte
阅读全文
摘要：
是不是很离谱呢？
阅读全文
是不是很离谱呢？
阅读全文
摘要：
顶部的loading是指调用了onPullDownRefresh方法出现的系统loading图标，无法关闭是因为你调用了onPullDownRefresh之后需要手动关闭loading图标，即在你结束调用onPullDownRefresh后请调用一下 uni.stopPullDownRefresh(
阅读全文
顶部的loading是指调用了onPullDownRefresh方法出现的系统loading图标，无法关闭是因为你调用了onPullDownRefresh之后需要手动关闭loading图标，即在你结束调用onPullDownRefresh后请调用一下 uni.stopPullDownRefresh(
阅读全文
摘要：
由于平台存在差异性，uni.chooseFile虽在h5端能正常选择文件，但是在小程序端（微信）需将api更换为chooseMessageFile，该api对应的就是wx.chooseMessageFile 番外：如果你改了api，发现虽然没报错但是选择文件的界面却一片空白，极有可能是因为你的typ
阅读全文
由于平台存在差异性，uni.chooseFile虽在h5端能正常选择文件，但是在小程序端（微信）需将api更换为chooseMessageFile，该api对应的就是wx.chooseMessageFile 番外：如果你改了api，发现虽然没报错但是选择文件的界面却一片空白，极有可能是因为你的typ
阅读全文
2025-05-23 Module build failed (from ./node_modules/@dcloudio/webpack-uni-pages-loader/lib/index.js)
摘要：
uniapp小程序突发神经！报错： Module build failed (from ./node_modules/@dcloudio/webpack-uni-pages-loader/lib/index.js): 解决方案：重启hbuilderx工具 原因：你问我？
阅读全文
uniapp小程序突发神经！报错： Module build failed (from ./node_modules/@dcloudio/webpack-uni-pages-loader/lib/index.js): 解决方案：重启hbuilderx工具 原因：你问我？
阅读全文
摘要：
效果图： 目录结构： 共需要修改6个地方，开始前请安装一个依赖：vue-inset-loader npm i vue-inset-loader vue-inset-loader的GitHub地址：https://github.com/1977474741/vue-inset-loader 一：新建弹
阅读全文
效果图： 目录结构： 共需要修改6个地方，开始前请安装一个依赖：vue-inset-loader npm i vue-inset-loader vue-inset-loader的GitHub地址：https://github.com/1977474741/vue-inset-loader 一：新建弹
阅读全文
摘要：
效果： 代码目录： 新建uToast，里面建2个文件 index.js： import fullNameVue from './index.vue' const FullToast = {}; FullToast.install = function (Vue, option) { const Fu
阅读全文
效果： 代码目录： 新建uToast，里面建2个文件 index.js： import fullNameVue from './index.vue' const FullToast = {}; FullToast.install = function (Vue, option) { const Fu
阅读全文
摘要：
新建三个文件： dialog.js： export default { /* 链接处理 */ getLink(params) { let url = "/components/dialog/index"; if (params) { let paramStr = ""; for (let name
阅读全文
新建三个文件： dialog.js： export default { /* 链接处理 */ getLink(params) { let url = "/components/dialog/index"; if (params) { let paramStr = ""; for (let name
阅读全文
摘要：
错误的属性数据事件选择，消息为：意外的令牌`main` 可事实真的是main这个值报错吗，非也，是基础库的问题，切换基础库后就正常打包上传了。 或者！切换基础库仍旧不能解决问题，那么gpt一下吧，以下是我之前找的链接： https://developers.weixin.qq.com/communi
阅读全文
错误的属性数据事件选择，消息为：意外的令牌`main` 可事实真的是main这个值报错吗，非也，是基础库的问题，切换基础库后就正常打包上传了。 或者！切换基础库仍旧不能解决问题，那么gpt一下吧，以下是我之前找的链接： https://developers.weixin.qq.com/communi
阅读全文
摘要：
为什么，我其实并没有解决uni.request设置了timeout为3秒后在断网状态下依旧loading了20秒才捕获错误，也许是因为写法有什么问题吧，我自己新建了个小程序然后写了个请求： <template> <view class="content"> <image class="logo" s
阅读全文
为什么，我其实并没有解决uni.request设置了timeout为3秒后在断网状态下依旧loading了20秒才捕获错误，也许是因为写法有什么问题吧，我自己新建了个小程序然后写了个请求： <template> <view class="content"> <image class="logo" s
阅读全文
摘要：
如果你正在用uniapp开发h5页面，你会发现h5页面的url里带有一个#号，比如：http://localhost:8080/#/pages/index/index 原因：uniapp默认模式导致 解决方案：修改uniapp默认模式为history，如下图所示：
阅读全文
如果你正在用uniapp开发h5页面，你会发现h5页面的url里带有一个#号，比如：http://localhost:8080/#/pages/index/index 原因：uniapp默认模式导致 解决方案：修改uniapp默认模式为history，如下图所示：
阅读全文
摘要：
rt，请在全局样式中加入： .uni-body { user-select: text; } 即可，text表示选中文本，none表示禁止选中文本，本来我想在uni-modules中修改user-select的值，发现无效，遂在App.vue中修改了全局样式。
阅读全文
rt，请在全局样式中加入： .uni-body { user-select: text; } 即可，text表示选中文本，none表示禁止选中文本，本来我想在uni-modules中修改user-select的值，发现无效，遂在App.vue中修改了全局样式。
阅读全文
摘要：
canvasToTempFilePath:失败-失败画布为空 一般的解决方案就是查看uni.canvasToTempFilePath的传参是否正确，一个是canvasId必须正确，另一个就是第二个参数为this； 但事情显示没那么简单，这二者我都有填写，却仍旧报这个错，我把canvasid换成别的，
阅读全文
canvasToTempFilePath:失败-失败画布为空 一般的解决方案就是查看uni.canvasToTempFilePath的传参是否正确，一个是canvasId必须正确，另一个就是第二个参数为this； 但事情显示没那么简单，这二者我都有填写，却仍旧报这个错，我把canvasid换成别的，
阅读全文
摘要：
try catch 无法捕获到错误，没有回调，没有反应，宛如石化一般，孤寂无边。 原本写法： ctx.draw(false, () => { let a = setTimeout(async () => { const [err, res] = await uni.canvasToTempFileP
阅读全文
try catch 无法捕获到错误，没有回调，没有反应，宛如石化一般，孤寂无边。 原本写法： ctx.draw(false, () => { let a = setTimeout(async () => { const [err, res] = await uni.canvasToTempFileP
阅读全文
摘要：
第一个方法，打开hbuilder x工具，找到文件==》以指定编码重新打开==》选择UTF-8，然后重新编译项目； 上面的方法行不通，则采用第二种： 使用notepad++工具，打开乱码的文件，然后在工具中选择【编码】，再选择【转为UTF-8】，保存，再重新编译即可。
阅读全文
第一个方法，打开hbuilder x工具，找到文件==》以指定编码重新打开==》选择UTF-8，然后重新编译项目； 上面的方法行不通，则采用第二种： 使用notepad++工具，打开乱码的文件，然后在工具中选择【编码】，再选择【转为UTF-8】，保存，再重新编译即可。
阅读全文
摘要：
前言：uni_modules里面的插件会全部打包在主包里，分包如果都是引用了uni_modules的插件，那么会导致包体积越来越大。 我的项目主要用到一些组件库，如uview，对这个库的依赖太严重了，加上是把2个小程序融合到一起，所以对这个库的依赖就会变得更多。 解决方案：你的小程序是用uniapp
阅读全文
前言：uni_modules里面的插件会全部打包在主包里，分包如果都是引用了uni_modules的插件，那么会导致包体积越来越大。 我的项目主要用到一些组件库，如uview，对这个库的依赖太严重了，加上是把2个小程序融合到一起，所以对这个库的依赖就会变得更多。 解决方案：你的小程序是用uniapp
阅读全文
摘要：前言：嗯！这的确是个坑，谁能料到我没有导入插件呢，本来以为旧项目有的，把新项目的代码迁移过去就出现了这个问题。 原因：项目中没有导入uni-popup插件，没有导入就不会生效，其实在小程序开发者工具看，其实是没有uni-popup的样式的。 解决方案： 比较稳妥的方法就是到uni的插件市场选择【选择
阅读全文
摘要：解决方案： 给scroll-view设置样式 white-space: nowrap 然后scroll-view里面的子项要设置样式为 display: inline-block; 接着scroll-view的属性scroll-x要设置为true scroll-x="true" 如果这都不出现滚动，
阅读全文
摘要：methods: { drawPoster() { const ctx = uni.createCanvasContext('canvas', this); // 设置字体样式 ctx.setFontSize(20); ctx.setTextAlign('center'); ctx.setTextB
阅读全文
浙公网安备 33010602011771号