create-react-app项目所遇问题总结之antd引入和样式不生效问题解决

以下为学习react技术栈开发过程中，遇到的问题以及解决方法总结。各位看官请往下瞧！☆〜（ゝ。∂）

在根目录下的packagejson的label下的presets后面添加

如下所示：

在根目录下新建文件babelrc，再将packagejson中的“babel”对象全部删除。在babelrc中配置

再到命令行执行

将react-scripts的配置释放出来。

之后，

再到config/webpackconfigjs文件中全局搜索找到babelrc配置项，将其设置为true（只有设置为true，才会从babelrc中去读取配置），默认为false。

快去试试吧！

解决：

若有请去掉这个配置，再重启，就ok了

原因：

getCSSModuleLocalIdent是让css模块化的配置，就是说配置上后，你要在页面中使用css，得这样用

使用"对象"的方式获取class。

因为加上了getCSSModuleLocalIdent，而antd组件中css并不是这样引入使用的，所以导致了class没生效。

style="font-size:28upx"  这是uniapp里的字体样式

style="width:225upx;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;"> //限制显示次数

<view class="homestay-list" v-for="(item3,index) in hotellist" :id="item3id">

<image :src=item3hotelimage></image>

<view class="homestay-text">

<view>

<text class="homestay-money">tel:<strong style="font-size:28upx">{{item3hotelphone}}</strong></text>

<text class="homestay-membermoney">{{item3cityname}}<strong></strong></text>

</view>

<view class="homestay-between">

<text class="homestay-people" style="width:225upx;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{item3hoteltag}}</text>

<view>

<image src="/static/img/xpng"></image>

<text class="homestay-start">{{item3star_type}}0</text>

</view>

</view>

<view>

<text class="homestay-txt">{{item3hotelname}}</text>

</view>

</view>

</view>  //一个循环遍历的显示的典型例子

以上就是关于create-react-app项目所遇问题总结之antd引入和样式不生效问题解决全部的内容，包括:create-react-app项目所遇问题总结之antd引入和样式不生效问题解决、uniapp的样式 *** 作、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！