1.uView-ui安装踩坑记录

npm安装方式：先安装 sass+sass-loader@10

// 安装sass
npm i sass -D

// 安装sass-loader，注意需要版本10，否则可能会导致vue与sass的兼容问题而报错
npm i sass-loader@10 -D

// 安装 uview-ui
npm install uview-ui

//  引入uView主JS库  main.js
import uView from "uview-ui";
Vue.use(uView);

// uni.scss中引入此文件
@import 'uview-ui/theme.scss';


// 在App.vue文件中全局引用样式，注意lang="scss"不能漏填，会报错
<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "uview-ui/index.scss";
</style>

// pages.json中添加easycom片段
{
	"easycom": {
		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
	},
	
	// 此为本身已有的内容
	"pages": [
		// ......
	]
}

2.uniapp编译报错页面空白，控制台报错 “ TypeError: Cannot read property ‘call‘ of undefined”

3. 微信小程序开发者工具] [error] Error: Fail to open IDE

1）个人开发：manifes.json里填写appid-微信公众平台-小程序-开发设置

2）公司项目：让管理员把你添加到开发人员

4. 基于uniapp，video标签引用本地视频mp4格式黑屏无法播放

报错：Failed to load media <URL> net::ERR_FAILED From server

a)引用本地视频资源黑屏无法加载，引用在线资源正常

// 没效果
<video src="../../static/images/media.mp4" autoplay></video>

// 清除全部缓存重新编译，报错消失，视频加载中，依旧黑屏
<video src="../../static/images/media.mp4" controls></video>

//目前最好的办法是引用官方资源，这个问题可能官方还没有修复

b)本地启动一个vue项目，将视频文件放在public目录下（仅供参考）

5.小程序不支持$refs操作输入框的focus

<view class="keyboard">
				<u-icon name="chat" color="#77af9c;" size="40" @click="openKeyBoard"></u-icon>
				<u--input border="surround" v-model="value" ref="keyBoard" :focus="focusState"
					:customStyle="{visibility: 'hidden',width:'1rpx'}" @bulr="focusState = false">
</u--input>
</view>


<script>
	export default {
		data() {
			return {
				value: '',
				focusState: false
			};
		},
		methods: {
			openKeyBoard(e) {
				this.focusState = true
			}
		}
	}
</script>

6.uniapp <navigator/>标签点击不跳转

正确格式：