解决antd-mobile的引入问题

问题描述：之前 项目eject 之后 ，打开了所有的配置 ； 引入antd-mobile，试用一下Button 就一直报错；className 引入失败；

纠结了三天项目都没有 启动起来，今天看了一下 原来是之前配置按需加载的package.json 里面有问题；

 

"babel": {
  "presets": [
    "react-app"
  ],
  "plugins": [
    [
      "import",{
      "libraryName":"antd-mobile",
      "style":"css"
    }
    ],
      [ "transform-decorators-legacy" ]
  ]
}

后来改成；

 

"babel": {
  "presets": [
    "react-app"
  ],
  "plugins": [
    [
      "import",{
      "libraryName":"antd-mobile",
      "style":"css"
    }
    ],
      "transform-decorators-legacy"
  ]
}

删掉了[ ]，就能跑通了 ；效果也实现了；

以后尽量把报错整理一下，报错能尽快调出之前经验，定位到错误的细节， 毕竟重复犯错是愚蠢的，智者才不会在跌倒第二次在同一个坑内。

继续清理报错；

在antd-mobile 中引入单选按钮radio

然后

 

const RadioItem = Radio.RadioItem;

报这个错

Module not found: Can't resolve 'lodash._getnative' in '/Users/wangrong/WebstormProjects/untitled1/imocc/two/node_modules/_lodash.keys@3.1.2@lodash.keys'

意思是缺少lodash._getnative 这个包 

装就完了 不过后续会有 lodash.XXXXX 一系列的包需要安装 ；还是那句话装就完了；

装完就能跑了 ：）