vue 引入 uView 报错:Module build failed (from ./node_modules/postcss-loader/src/index.js): SyntaxError

vue 引入 uView 报错:Module build failed (from ./node_modules/postcss-loader/src/index.js): SyntaxError_第1张图片
先安装uView

其次分别在四个文件夹引入 uView

main.js

import uView from "uview-ui"
Vue.use(uView)

公共样式 uni.scss

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

App.vue

<style>
    /* #ifndef APP-PLUS-NVUE */
    @import "uview-ui/index.scss";
	@import './utils.css';
    /* uni.css - 通用组件、模板样式库,可以当作一套ui库应用 */
    @import './common/uni.css';
	@import './common/iconfont.css';
</style>

pages.json

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

这时运行项目,编译失败,报错

解决方法:注释掉 App.vue 中引入的样式

注意引入样式时,不要少标点符号(;)

你可能感兴趣的:(Vue)