参考: create-react-app中如何使用less,手把手教会less的用法

解决npm run eject报错

报错原因

git问题,你的版本库有未提交的文件,因为reject后会多出来一些文件。为了不影响。你应该把这些文件加到ignore里或者删掉。

错误处理

  1. git init
  2. git add .
  3. git commit -m 'save'
  4. npm run eject

关于样式不生效

我来公布正确答案吧:要使用 css-module 需要将 css 文件命名为fileName.module.less,然后就能在组件中引入并正常使用了,如下:
注意默认情况下后缀必须是.module.less 才能用 css-module 的写法
比如下面代码:

  1. import React, { Component } from "react";
  2. import { Button } from "antd";
  3. import styles1 from "./index.module.less";
  4. class Hello extends Component {
  5. render() {
  6. return ( <div className={styles1.main}> hello <div className={styles1.text}>world</div> <Button type="primary">你好</Button> <div className="text1">heihei</div> </div> );
  7. }
  8. }
  9. export default Hello;

这样就会生效了
import styles ‘./App.less’, 是不是少了一个from
import styles from ‘./App.less’
其次就是看你是否开始的module: true, 也就是所谓的模块化!具体的需要看你的配置问价了!一搬网上都会有的