element-plus按需引入使用button组件报错

如果你使用了按需引入方式，在使用 `button` 组件的时候出现了报错，可能是因为没有正确配置 babel 插件导致的。具体来说，你需要将 `babel-plugin-component` 插件添加到 babel 配置中。

以下是一个示例的 `.babelrc` 文件内容：

{
  "presets": [
    "@vue/cli-plugin-babel/preset"
  ],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-plus",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

如果你使用的是 Vue CLI 3，可以将配置直接写在 `vue.config.js` 文件中：

module.exports = {
  transpileDependencies: [
    'element-plus'
  ],
  chainWebpack: config => {
    config.module
      .rule('js')
      .include
        .add(/element-plus/)
        .end()
      .use('babel')
        .loader('babel-loader')
        .tap(options => {
          // 修改它的选项...
          return options
        })
  }
}

注意，在按需引入组件时，需要使用 `kebab-case` 的方式引入，如下所示：

<el-button>Click me</el-button>

希望对你有所帮助！