vuePress解决引入element-ui报错npm resource busy or locked

NO.1
引入Element-UI

使用vuePress引入Element-UI

输入命令

npm i element-ui -S 

enhanceApp.js代码

import { Button } from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
export default ({
    Vue, // VuePress 正在使用的 Vue 构造函数
    options, // 附加到根实例的一些选项
    router, // 当前应用的路由实例
    siteData // 站点元数据
}) => {
    Vue.use(Button);
}

img

NO.2
运行vuePress

启动后报错npm resource busy or locked

只要去掉element-ui引入,启动就正常

img

NO.3
修复方式

参考链接

https://github.com/vuejs/vuepress/issues/2275

输入命令

yarn add async-validator@1.11.5

或者输入

[dsx_def_highlightjs code=code]

npm install async-validator@1.11.5 --save

img

NO.4
使用UI

主要使用有

  1. TimeLine时间线

  2. Card卡片

  3. Carousel走马灯

  4. Divider分割线

以及Tag标签,按钮Button等

img

END.