react项目开发中遇到的一些报错，（less-loader安装报错，图片路径显示异常等）

在此对项目开发中遇到的一些报错处理放在这里记录一下

1. 安装 less-loader 遇到的报错

在进行 react 项目开发的时候，出现了这个错误，TypeError: this.getOptions is not a function

这个实际上就是 less-loader 的版本过高，不兼容 getOptions 函数方法，所以需要对 less-loader 进行降级处理
问题的解决：通过 npm uninstall less-loader 命令卸载原版本的 less-loader，然后 通过 npm install less-loader@5.0.0 命令下载降级版本的 less-loader，这个问题就可以解决了

2. 给img标签 赋值路径的问题

   在react不支持直接在标签内写图片的路径 引入 图片路径有以下两个方法
   1，import 方法

import imgURL from './../images/photo.png';
<img src={imgURL } />

2. require 方法

<img src={require('./../images/photo.png')} />

但是 有的人可能会遇到src="[object Module]"的问题，这里需要配置url-loader对资源路径进行解析

// 使用customize-cra中的addWebpackModuleRule添加 rules
// 在config-overrides.js中添加
const {
  override,
  addWebpackModuleRule
} = require("customize-cra");
module.exports = override(
	.....
	addWebpackModuleRule({
    	test: /\.(jpg|png)$/,
   	 	use: [{ loader: "url-loader", options: { esModule: false } }]
  })
）