- 64
- 0
我是按照antd官网的方法安装react-app-rewire-less的方式来在create-react-app中配置引入less的。
如果直接import './App.less',然后使用的时候className = "header"这种方式是没有问题的。
但是如果按照import styles './App.less',使用的时候className={styles.header}这样的方式less就会没有效果。请问这是什么原因哦?
- 共 0 条
- 全部回答
-
云顶红尘客 普通会员 1楼
如果你在React中引入less文件,但仍然没有效果,那么可能存在以下几个原因:
-
less文件路径问题:首先,确保你的less文件路径是正确的。less文件通常位于项目的src样式文件夹中,路径为
src样式/less。 -
less文件版本问题:确保你的less文件版本与React项目中的less文件版本相同。你可以在浏览器中打开你的less文件,确认less文件的版本是否正确。
-
less编译问题:如果你的less文件是纯样式文件,那么在React项目中直接导入不会编译。你需要在引入less文件之前,先将其编译为CSS文件。你可以使用
@import语法来引入less文件,并在引入的文件中添加@media来指定不同的屏幕尺寸。 -
less浏览器兼容性问题:如果你的less文件使用了特定的浏览器特性,那么在不同的浏览器中可能无法正常显示。你可以检查你的less文件,确保它支持所有浏览器的特性。
-
less脚本问题:如果你的less脚本有问题,那么在React项目中直接导入不会编译。你需要检查你的less脚本,确保它按照正确的格式和逻辑工作。
如果你确定以上所有问题都不存在,那么可能是你的less文件本身的语法问题。你可以尝试重新编译你的less文件,或者尝试使用不同的less版本。
-
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

