vue.js - vue museui 无法正常编译
本文介绍了vue.js - vue museui 无法正常编译的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
使用 vue-cli 创建项目后，引入 muse-ui。运行后，muse-ui 无法正常编译。
输出效果如图：
按照官方示例，应该如下显示：
目前，我无法排查问题出在哪里...
我在 main.js 文件中的代码：
import Vue from 'vue'
import MuseUI from 'muse-ui'
import 'muse-ui/dist/muse-ui.css'
Vue.use(MuseUI)
import App from './App'
/* eslint-disable no-new */
new Vue({
el: '#app',
template: '<App/>',
components: { App }
})
})App.vue 文件
<template>
<div id="app">
<mu-appbar title="title">
<mu-icon-button icon='menu' slot="left"/>
<mu-icon-button icon='expand_more' slot="right"/>
</mu-appbar>
</div>
</template>
<script>
import Hello from './components/Hello'
export default {
name: 'app',
components: {
Hello
}
}
</script>
<style></style>index.html 文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="full-screen" content="yes">
<meta name="browsermode" content="application">
<meta name="x5-orientation" content="portrait">
<meta name="x5-fullscreen" content="true">
<meta name="x5-page-mode" content="app">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
解决方案
这个vue2.1.7的版本升级之后有问题，我正在修复，，，
今天vue发布了2.1.8版本修复了之前的问题，muse-ui也使用最新的compiler重新编译发布了新的版本，更新之后就可以了
npm install vue muse-ui --save
npm install vue-template-compiler --save这篇关于vue.js - vue museui 无法正常编译的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
