学习React中遇到的问题
2024-10-21 15:38:36
1.执行eject后,再次启动项目报错
情景:使用create-react-app搭建了项目,启动没有问题,然后执行 $ yarn eject 暴露出webpack配置文件等,再次 $ yarn start 启动报错
提示:Cannot find module 'babel-loader'。
解决办法:执行 $ yarn install 重新安装一遍依赖即可解决。
2.配置less和引入antd后报错
情景:项目中先eject暴露出了配置,然后修改webpack.config.dev.js配置支持less,修改方法参考的网上:
1.安装less和less-loader
执行 $ yarn add less less-loader
版本号为:
"less": "^3.8.1",
"less-loader": "^4.1.0",
2.test: /\.css$/ 改为 test: /\.(css|less)$/
3.use数组末尾中加入
{
loader: require.resolve('less-loader'), // compiles Less to CSS
}
4.exclude修改
exclude: [/\.(js|jsx|mjs)$/, /\.html$/, /\.json$/, /\.(css|less)$/],
然后进行测试,修改App.css为App.less,运行成功。
紧接着引入antd,修改按需加载,然后报错
解决办法:less3.X以后的版本需要增加 javascriptEnabled: true 即:
{
loader: require.resolve('less-loader'), // compiles Less to CSS
options: { javascriptEnabled: true }
}
最新文章
- EF 的 霸气配置,秒杀一切
- SQLServer:删除log文件和清空日志的方法
- FFT,NTT 专题
- 处理dataTable的行和列数据
- java和Javascript的区别
- JPA 使用
- (一)MapReduce篇之InputFormat,InputSplit,RecordReader(转)
- JS获取系统的指定定年月日
- Flash Media Server 5.0 (FMS)注册码
- 观察者模式在ng(Angular)中的应用
- Jquery表单与表格的运用
- NOI十连测 第四测 T1
- HTML 5 Web 存储、应用程序缓存、Web Workers
- 2017年学习的三个CSS新特性
- binutils安装
- 2018中国大学生程序设计竞赛 - 网络选拔赛 Dream hdu6440 Dream 给出一个(流氓)构造法
- ssh tunnel 三种模式
- Linux/shell: remove adjacent similar patterns
- Golang如何使用websocket
- proftpd启动失败提示unable to determine IP address of “xxx.com”
热门文章
- VS2010环境下MFC使用DataGrid绑定数据源
- 《PHP对象、模式与实践》之高级特性
- python学习(十三) 数据库支持
- ORACLE GoldenGate在Windows与AIX平台ORACLE的单向、双向数据传输配置及其测试
- sourceTree免密码校验
- thingsboard在windows下安装和使用
- linux下静态库和动态库一些东西
- Directshow 采集音视频数据H264+AAC+rtmp效果还不错
- zookeeper介绍及集群的搭建(利用虚拟机)
- C++——STL之vector, list, deque容器对比与常用函数