关于create-react-app项目中引入antd-mobile.css报错问题

1.在index.js引入

import 'antd-mobile/dist/antd-mobile.css'

2.App.js中使用

import { Button,  Space, Switch  } from 'antd-mobile'
 
export default function App() {
  return (
    <div className="app">
          <Button color='primary' fill='solid'>
          Hello Word
          </Button>
         
    </div>
  )
}

3.项目报错

Module not found: Error: Can't resolve 'antd-mobile/dist/antd-mobile.css' in ......

4.解决方法

 npm install --save antd-mobile 
 # or
$ yarn add antd-mobile
 
# or
$ pnpm add antd-mobile

5.直接引用即可,index无需导入

import 'antd-mobile/dist/antd-mobile.css'

import { Button,  Space, Switch  } from 'antd-mobile'
 
export default function App() {
  return (
    <div className="app">
          <Button color='primary' fill='solid'>
         Hello   
          </Button>
         
    </div>
  )
}