插个眼同问 :(

temporary way to fix this problem：ant-design/ant-design#23624 😢

remove less-loader@6.0.0 and install less-loader@5.0.0 fixed on me.

插个眼同问 :(

temporary way to fix this problem：ant-design/ant-design#23624 😢

remove less-loader@6.0.6 and install less-loader@5.0.0 fixed on me.

插个眼同问 :(

啊我也刚看到这里。6.0刚出好像兼容方面有点问题，改成

addLessLoader({
  lessOptions: {
    javascriptEnabled: true,
    modifyVars: { '@primary-color': '#1DA57A' },
  },
}),

就好了

temporary way to fix this problem：ant-design/ant-design#23624 😢
remove less-loader@6.0.6 and install less-loader@5.0.0 fixed on me.

插个眼同问 :(

啊我也刚看到这里。6.0刚出好像兼容方面有点问题，改成

addLessLoader({
  lessOptions: {
    javascriptEnabled: true,
    modifyVars: { '@primary-color': '#1DA57A' },
  },
}),

就好了

谢谢，更换为less-loader@5.0.0 重新build后成功了。谢谢大佬

Have the same issue, any updates?

Have the same issue, any updates?

@pitops upgrade to customize-cra@next (1.0.0-alpha.0) helps for me

+1

Have the same issue, any updates?

@pitops change the less-loader version from 6.0 to 5.0, then restart it.

$ yarn remove less-loader
$ yarn add less-loader@5.0.0
$ yarn start

如果使用6.x

如下配置

 {
                        loader: 'less-loader', 
                        options: {
                            lessOptions: {
                                javascriptEnabled: true
                              }
                        }
                    }

参考地址

Thanks @cosoc that worked

I had same issue and fixed it by updating "customize-cra": "^1.0.0-alpha.0", in package.json

First: Install yarn add react-app-rewired customize-cra@next
After: In root of your project config-overrides.js, copy and paste next code
`const { override, fixBabelImports, addLessLoader } = require('customize-cra');

module.exports = override(
fixBabelImports('antd', {
libraryDirectory: 'es',
style: true,
}),
addLessLoader({
lessOptions: {
javascriptEnabled: true,
},
}),
);`

For the one who is using 'create-react-app' to customize the theme can check the following settings:

craco.config.js

const CracoLessPlugin = require("craco-less");

module.exports = {
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            javascriptEnabled: true,
            modifyVars: { "@primary-color": "#018a9e" },
          },
        },
      },
    },
  ],
};

package.json

{
  "dependencies": {
    "@craco/craco": "^5.6.4",
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "antd": "^4.2.5",
    "craco-less": "^1.17.0",
    "eslint-plugin-prettier": "^3.1.3",
    "lodash": "^4.17.15",
    "prettier": "^2.0.5",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-redux": "^7.2.0",
    "react-router-dom": "^5.2.0",
    "react-scripts": "3.4.1",
    "redux": "^4.0.5"
  },
}

thanks @rexuli that work

Have the same issue, any updates?

@pitops change the less-loader version from 6.0 to 5.0, then restart it.

$ yarn remove less-loader
$ yarn add less-loader@5.0.0
$ yarn start

Thank you so much. It works!