React中当src文件夹下文件想引用src文件夹外文件:报错_react项目中引入的组件在src外从而报错

在src文件下的App.css文件中引入public文件夹中的图片时报错：

原因：使用react—create-app构建的项目，当src文件夹下文件想引用src文件夹外文件因为官方限制问题会报以下错误

解决：

1：npm run eject   如果此项目使用了git，代码发生了更改得先add . 跟commit然后再使用eject命令。

不然它会报错:This git repository has untracked files or uncommitted changes:（这个git仓库有未跟踪的文件或未提交的更改:）

 如果之前执行过了产生了webpack等文件就不用再执行。

命令运行结束之后会发现package.json 文件中多了很多内容，项目结构中多了一个config文件夹

 2：把config文件下的webpack.config.dev中ModuleScopePlugin命令注释掉即可。

// new ModuleScopePlugin(paths.appSrc, [paths.appPackageJson]),从而可以引入src以外的文件

• img标签引入图片问题：
  因为react其实是通过js的reader函数渲染的页面，所以直接写src=“路径”是无法引入图片
  需要用下面的方式引入

<img src={require('../images/info.png')} alt="标签"/>