乐趣区

关于前端:从antd或者vantelementui这些UI框架里导入组件报错

个别你装置了一个 UI 框架为了我的项目优化都会抉择依照官网给的办法按需引入 UI 组件,然而引入组件时却发现报错,报找不到这个组件,呈现这样的状况有两种起因:
1.UI 框架降级,把某些旧组件废除了,的确没有这个组件。我就呈现过这种状况,有次依照某个网友给的参考搭建我的项目框架,却发现引入的组件报错,认为是按需没配置好的起因,改来改去始终报错,只能再次上网搜解决办法,看到一个网友评论说是不是没有这个组件,让我一愣,我立即换了一个罕用的 Button 组件,果然不报错了。。。
2.按需引入没配置好 。逛社区的时候发现一个网友问为什么总是报找不到这个组件,他用的是 react+ts 搭建的我的项目,认为本人没配置好 tsconfig 文件,并且把这个文件的代码截图求助,在这下面掉过坑的我立马想到了按需引入的问题,这个网友找错方向了。
解决办法是装置 babel 插件

npm install babel-plugin-import babel-plugin-component -D

根目录下新建 babel.config.js 文件

例如:

module.exports = {presets: ["@babel/preset-env"],

plugins: [

    [

        "component",

        {

            "libraryName": "element-ui",

            "styleLibraryName": "theme-chalk"

        }

    ]
  ]

};
退出移动版