
React
sophieLV1993
java 前端 Giser
展开
-
处理react项目ie11浏览器运行空白问题
1.安装插件"babel-polyfill"npm install babel-polyfill --savepackage.json引入版本如下2.在src文件夹下index.js中引入import 'babel-polyfill';如下3.重启项目即可原创 2020-05-27 10:11:02 · 1688 阅读 · 1 评论 -
React.js中引入图片的几种方法
方式一:将图片文件放置public文件夹中,img标签直接引入图片的绝对路径。如图,文件夹目录如下引入代码如下: <img src="/assets/logo.png" alt="" className="logo" />方式二:通过css文件引入注:引入的图片必须位于src文件夹内1.创建src-resource文件夹,图片放置其中2.css代码中引入background: url('../../resource/assets/img/login-bg.png') cen原创 2020-05-25 16:24:29 · 3124 阅读 · 0 评论 -
antd按需加载报错解决方案
在antd按需加载使用时,引用babel-plugin-import插件时项目报错,解决方案如下:(1)引入将less安装版本降至3.0以下版本,2.7.3yarn add less@2.7.3(2)修改webpack.config.js文件中babel-loader配置修改内容如下:添加代码:["import", { "libraryName": "antd", "lib...原创 2020-02-29 22:42:57 · 2671 阅读 · 0 评论 -
暴露webpack文件,实现React16.13.0支持Less及antd按需加载报错解决方案
1.安装less,less-loaderyarn add less less-loader2.暴露webpack文件终端执行命令如下yarn eject提示操作选择Y,注:eject操作不可逆执行并安装完插件后package.json如下图,确保已经安装完less,less-loader3.修改webpack.config.js(1)找到暴露后的config文件夹中的web...原创 2020-02-28 22:32:52 · 900 阅读 · 2 评论 -
使用React脚手架创建react项目及使用npm安装yarn
npm安装yarn命令//安装npm install -g yarn --registry=https://registry.npm.taobao.org//资源配置yarn config set registry https://registry.npm.taobao.org -gyarn config set sass_binary_site http://cdn.npm.tao...原创 2020-02-27 21:23:41 · 1780 阅读 · 1 评论