Uniapp混合开发
uniapp开发
qq_38969618
这个作者很懒,什么都没留下…
展开
-
解决:uniapp项目打包微信小程序或原生app包(wgt),报错:failed to load config from /xx/xx-mall/vite.config.ts
使用高版本node如v18.15.0原创 2023-11-30 17:05:58 · 2131 阅读 · 0 评论 -
解决报错:failed to load config from /Users/stephen/code/my-vue3-project/vite.config.js
pnpm add @esbuild/darwin-x64@0.16.17 -D原创 2023-05-23 16:40:05 · 3429 阅读 · 0 评论 -
uniapp: 基础开发&官网文档
uniapp: 基础开发&官网文档原创 2023-02-22 16:57:19 · 4999 阅读 · 0 评论 -
解决:Hbuilder工具点击发行打包,一直报尚未完成社区身份验证,请点击链接xxxxx,项目xxx发布H5失败的错误。
出现该错误的原因(2种):(1)没有在Dcloud开发者个人中心网站中完成手机号验证。(2)Dcloud的Web平台登录的账号跟当前编辑器登录的不是同一个账号。必须到Dcloud个人中心去验证。报错信息中给的链接地址是错误的。,输入手机号,验证即可。......原创 2022-08-03 10:37:58 · 9899 阅读 · 0 评论 -
解决:运行或构建报错Syntax Error: ValidationError: Invalid options object. Sass Loader has been initialized...
原因: sass-loader版本过高(之前项目中使用的10.1.1)。修改为如下版本即可(下其他版本有的也有问题,下面这个版本最保险):卸载:npm uninstall node-sass sass-loader --save-devnpm install node-sass@4.12.0 --save-devnpm install sass-loader@8.0.2 --save-dev...原创 2022-01-20 23:31:55 · 6598 阅读 · 2 评论 -
如何直接在父组件中使用某个复用组件,而不用引入和注册?
在项目的components目录下-》新建xxx组件的目录-》在该目录下再新建xxx.vue页面即可。(即复用组件都用单独的文件夹再套一层,命名规范符合:components/组件名称xx/组件名称xx.vue目录结构即可)。<!-- 父组件页面:可直接使用,而不用import引入组件&components注册><bottom-btn text="提交" @click="submitApply"></bottom-btn>......原创 2021-12-17 10:37:44 · 434 阅读 · 0 评论 -
本地调试H5,如何设置接口的请求代理proxy,解决跨域问题(共2步)。
第1步:在http目录的index.js中设置baseUrl的值为/api// http/index.js (该项目使用的是luch-request插件,封装请求处理)...http.setConfig( (config) => { /* 设置全局配置 */ // #ifdef H5 config.baseURL = process.env.VUE_APP_BASE_API, // 读取环境文件,变量值为“/api” config.header = { 'Content-Type原创 2021-10-23 16:11:50 · 1844 阅读 · 0 评论 -
uniapp-h5:uni-simple-router添加全局路由拦截(4步)
二、配置vue.config.js三、新建router.js四、在main.js中引入router.js之前旧的实现(不推荐):第1步:下载路由拦截器插件uni-simple-router和自动构建路由表插件uni-read-pages。第2步:在vue.config.js文件中配置如下代码:第3步:在src-》router目录下新建index.js 第4步:修改main.js文件即可。( 修改步骤:import引入路由->use安装路由->执行RouterM原创 2021-10-23 15:34:14 · 4296 阅读 · 6 评论 -
实现:H5与原生APP(Android或Ios)相互交互。
第1步:在utils目录下新建bridge.js文件。// bridge.js: 用于实现H5跟Ios交互的工具。export const setupWebViewJavascriptBridge = (callback) => { if ((window).WebViewJavascriptBridge) { return callback((window).WebViewJavascriptBridge) } if ((window).WVJBCallbacks) {原创 2021-10-23 13:30:21 · 1728 阅读 · 0 评论 -
如何给uniapp网站添加favicon.ico(3步)
第1步:在src目录下新建模板文件xxx.html(内有vconsole移动调试工具代码,可删除)。<!--template.html--><!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <原创 2021-10-23 11:26:17 · 2923 阅读 · 0 评论 -
解决: uView的form校验,手动赋值某个字段后,页面校验信息未同步更新校验问题。
需手动触发校验:给u-form-item设置ref属性-》通过函数this.$refs[refName].onFieldChange(),手动触发某个字段的校验即可。// template...<u-form-item label="XX名称" prop="invoice_title" ref="invoice_title" required> <u-input v-model="form.invoice_title" placeholder="请输入xx名称">.原创 2021-10-12 15:06:26 · 4152 阅读 · 1 评论 -
使用:iconfont图标(vue-cli方式创建的项目)
在iconfont官网上选择对应的图标,点击添加入库-》添加至项目-》选择“Unicode”,并点击“下载至本地”-》在src目录的static目录下新建font文件夹,并将上步下载的文件复制里面-》修改iconfont.css文件中src的引入路径(为相对路径如, ./static/font/xxx)-》App.vue中引入iconfont.css文件-》页面中通过class属性使用即可。<!--通过class类名使用:先写固定的iconfont类,之后写对应图标的类名--><v原创 2021-10-08 17:12:27 · 186 阅读 · 0 评论