Vuepress 搭建组件库 及 文档

323 阅读1分钟

这是我参与11月更文挑战的第2天,活动详情查看:2021最后一次更文挑战

一、简介

当前项目使用版本:

"vuepress": "^1.9.7",
"vue": "^2.6.13",
"element-ui": "^2.15.10",
"async-validator": "1.11.5",

二、引入第三方组件库

1、element-ui

下载后,在xxx/docs/.vuepress/enhanceApp.js里面注册

npm i element-ui -S
import ElementUI from "element-ui";
import 'element-ui/lib/theme-chalk/index.css';

export default ({ Vue }) => {
  Vue.use(ElementUI);
}

2、运行报错

2.1 Vue packages version mismatch

启动之后报错:

Vue packages version mismatch:  
- vue@3.2.41 
- vue-server-renderer@2.7.13

解决方案:版本不一致,改成相同最低版本即可。后续我都改成2.6.13了。

npm i vue@2.6.13

2.2 Can't resolve 'core-js/library/fn/object/assign'

运行又报错: 报错assign 解决方案参考

npm i async-validator@1.11.5