搭建vuepress文档,想要在文档中展示我基于element ui写的组件demo,故创建文件enhanceApp.js

enhanceApp.js的配置如下

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import demos from '../../src/examples'
import Components from '../../src/packages'

function parseComponentsName (name) {
  return 'mt' + name.replace(/[A-Z]/g, c => '-' + c.toLowerCase())
}

const install = function (Vue, options) {
  Object.keys(demos).forEach(name => {
    Vue.component(name, demos[name])
  })
  Object.keys(Components).forEach(name => {
    Vue.component(parseComponentsName(name), Components[name])
  })
}

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

配置没有问题,但是在运行vuepress dev docs时报错Cannot find module 'core-js/library/fn/object/assign等错误信息,错误完全围绕core-js

跟着google走,大部分文档都让我升级core-js,然而并没有用

最后在https://github.com/vuejs/vuepress/issues/2275中发现,原来是element ui依赖core-js的2.x版本,而web项目依赖core-js的3.x版本导致的(错误信息中没有关于element-ui的,真坑爹)

改core-js的版本是不可能的,安装依赖yarn add async-validator@1.11.5 / npm install async-validator@1.11.5就可以解决问题了

 

另外:

npx vuepress info

npx vuepress info,如果出现vue包版本不一致的问题,记得将版本安装一致哦

Logo

前往低代码交流专区

更多推荐