个别你装置了一个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" } ] ]};