nvue-uniapp-map组件学习

最新推荐文章于 2025-04-20 20:46:37 发布

原创最新推荐文章于 2025-04-20 20:46:37 发布 · 442 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #学习 #vue.js

本文讲述了在使用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