uniapp引入uView正确步骤及误区

1.导入uview组件库

uniapp引入uView正确步骤及误区_第1张图片

2.导入成功后在main.js里引入

import uView from '@/uni_modules/uview-ui'
Vue.use(uView)

uniapp引入uView正确步骤及误区_第2张图片

3.在App.vue里引入样式文件

@import "@/uni_modules/uview-ui/index.scss";

uniapp引入uView正确步骤及误区_第3张图片

4.在pages.json里添加配置

"easycom": {
	"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
},

uniapp引入uView正确步骤及误区_第4张图片

5.在uni.scss里引入uview主题

@import '@/uni_modules/uview-ui/theme.scss';

uniapp引入uView正确步骤及误区_第5张图片

如果报以下错是因为没有引入uview主题,用第5步就可以解决
uniapp引入uView正确步骤及误区_第6张图片

你可能感兴趣的:(uni-app,javascript,开发语言)