react less不生效

有几种可能原因：

1. 没有正确引入React和Less库，可以检查一下代码中是否有以下类似代码：

import React from 'react';
import './style.less';

2. 在webpack配置文件中没有正确配置less-loader，可以检查一下配置是否正确：

module: {
  rules: [
    {
      test: /\.less$/,
      use: [
        'style-loader',
        'css-loader',
        'less-loader'
      ]
    }
  ]
}

3. 在组件中没有使用className属性来引用less样式，可以检查一下代码中是否有类似代码：

import React from 'react';
import './style.less';

const MyComponent = () => {
  return (
    <div className="my-component">
      ...
    </div>
  );
}

export default MyComponent;

如果以上方法都不行，可以提供更多具体信息，以便更好地帮助解决问题。

相关问题

react 代理不生效

如果你使用的是 create-react-app，可以在 package.json 文件中添加如下配置：

"proxy": "http://localhost:8080"

其中，http://localhost:8080 是你要代理的后端接口地址。然后在你的前端代码中直接请求接口即可，例如：

fetch('/api/data').then(response => {
  console.log(response);
});

如果你使用的是自定义 webpack 配置，可以在 webpack 配置文件中添加如下配置：

devServer: {
  proxy: {
    '/api': {
      target: 'http://localhost:8080',
      pathRewrite: { '^/api': '' }
    }
  }
}

其中，http://localhost:8080 是你要代理的后端接口地址，'/api' 是你要代理的请求路径前缀。然后在你的前端代码中直接请求接口，并在请求路径前加上 '/api'，例如：

fetch('/api/data').then(response => {
  console.log(response);
});

react 项目less未生效，less loader已经配置

如果你已经在 React 项目中配置了 less loader，但是 less 样式文件未能生效，可能是以下原因导致的：

1. 你需要在组件中导入 less 样式文件，例如：`import './style.less';`

2. 检查 less loader 是否正确配置，可以在 webpack 配置文件中查看，例如：

   {
     test: /\.less$/,
     use: [
       {
         loader: 'style-loader',
       },
       {
         loader: 'css-loader',
       },
       {
         loader: 'less-loader',
       },
     ],
   }

3. 检查 less 样式文件是否存在问题，例如语法错误等问题。

如果以上解决方案都没有解决问题，可以尝试在命令行中运行 `npm start` 或 `yarn start`，重新启动项目，以确保 less loader 生效。