在上面模板的基础上,npm run dev:mp-weixin会在dist/dev/mp-weixin生成微信小程序文件,打开微信开发者工具,导入该文件夹,发现跑不起来,控制台报错,如下。 发现是生成的app.wxss包含了通配符*, 微信小程序不认识,编译不通过,页面也无法显示。 解决方案:删除unocss里面的自带预设presetUno,改用@uni-helper/unocss-...
运行uniapp 项目 npm run dev:%PLATFORM% 发布uniapp 项目 npm run build:%PLATFORM% tips: %PLATFORM% 可取值如下: 安卓开发环境安装 下面讲解配置安卓开发环境,包括 Java 安装,Android Studio 安装。 安装Java 环境 JavaSDK8 下载官网:https://www.oracle.com/cn/java/technologies/javase/javase8u211-later...
当我们执行npm run dev时,系统就会跑到package.json文件中执行scripts中对应的脚本。如下图,可以看到start对应的是npm run dev: 4、在 src -> common -> config.js文件中,修改服务地址 5、微信开发者工具中,新建项目的目录为:dist -> dev -> mp-weixin...
npm run dev:h5 小程序 npm run dev:mp-weixin 然后打开微信开发者工具,导入dist/dev/mp-weixin目录即可开发预览 构建 H5 项目构建 npm run build:h5 构建好的文件存放在dist/build/h5目录下 小程序项目构建 npm run build:mp-weixin 然后打开微信开发者工具,导入dist/build/mp-weixin目录 ...
项目创建成功后执行以下命令安装npm依赖。 npm install --registry=https://registry.npmmirror.com 或 yarn install 或 pnpm install 依赖安装完成后,执行以下命令可运行代码。 npm run dev:h5 或 npm run dev:mp-weixin 项目创建过程中遇到问题可参考官方文档https://uniapp.dcloud.net.cn/quickstart-cli.html...
npm run dev:%PLATFORM% 发布uniapp 项目 npm run build:%PLATFORM% tips: %PLATFORM% 可取值如下: 值平台 app-plus app 平台生成打包资源(支持 npm run build:app-plus,可用于持续集成。不支持 run,运行调试仍需在 HBuilderX 中操作) h5 H5 mp-alipay 支付宝小程序 mp-baidu 百度小程序 mp-weixin 微信...
npm run dev:%PLATFORM% npm run build:%PLATFORM% %PLATFORM% 可取值如下: dev与build运行的区别: dev编译出的各平台代码存放于根目录的/dis/dev/目录下,打开各平台开发工具选择对应平台目录即可进行预览,如在微信开发者工具中,添加项目时选择/dis/dev/mp-weixin ...
npm run dev:mp-weixin 在微信开发者工具中 来导入项目即可 ❗要导入的是项目下的dist/dev/mp-weixin 不出现此页面,查看一下是不是没有登录微信开发者工具 开发uniapp的注意点 1. 不要直接在微信开发者工具中 修改代码 实际工作中,不能直接改编译好后的代码,要改就应该改 项目的源代码 ...
npm install sass --save 开发调试 初始化完成后,我们就可以打开HBuilderX把项目导入,愉快滴进行开发调试了。 如果想用其他工具譬如VS Code做开发,也是没问题的。传统的vue.js项目的方法一样能够顺利跑起来。 npm rundev:h5 打包发布 打包发布一样可以用命令搞定,至于冒号后面的是发布的目标平台。详情可参考后面表...
1、项目使用npm run dev启动，window.onerror监听的错误全部会被重写为Script error，如图 原因如下，参考《window.onerror()的用法与实例分析》vue项目dev启动出现Script error的并未找到解决方案，值得高兴的是，npm run build打包后的日志是正常的 2、手动抛出异常测试效果时，发现setTimeout宏任务的异步错误是...