在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="标签"/>