nvue-uniapp-map组件学习

本文讲述了在使用uniapp开发过程中,遇到map组件不支持app-vue的问题,涉及解决sass-loader版本过高、postcss-loader可能过高导致的问题,以及如何处理nvue无法获取全局变量和环境配置的技巧。

uniapp-nuve采坑记(------

首先因为uniapp一些api兼容性,map组件打包成apk聚合效果,不支持app-vue,所以没办法,只能改变思路。

一、第一步,直接改后缀,然后运行app基座调试,直接报错:

           1、sass-loader 插件版本过高,nvue支持版本相对较低,所以第一步 yarn add sass-loader@8.0.2(亲测这个版本可以使用)。

            2、这次没遇到的另一个问题(postcss-loader)可能这个插件版本也会过高导致一些其他问题,遇到可以自己降低。

            3、 编译成功然后不请求,这个就得看命了(要是没有用到全局变量可以),因为nvue拿不到全局定义的变量,如果把变量写在src目录下,nvue拿不到,比如配置的一些代理、环境判断(开发、测试、生产)等,这时候需要自己手动配置环境,在跟路径下配置,dev,prod的环境。然后去判断是啥环境引入啥文件。

// #ifndef APP-NVUE
const _config = {
  baseUrl: '/basic-api',
  port: '9100',
 // 其他的一些环境代理
// 如
 userBaseHost: process.env.VUE_APP_BASE_HOST, // 基础服务
}
// #endif
// #ifdef APP-NVUE
const env = require(`../${process.env.NODE_ENV}.json`); // 判断画环境nvue引入新的代理json文件
const _config = {
  baseUrl: '/basic-api',
  port: '9100',
// 其他的一些环境代理
// 如
 userBaseHost: process.env.VUE_APP_BASE_HOST, // 基础服务
}
// #endif

评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值