react中引入图片的方法以及在组件中引入public中的图片报错

• react图片引入

//首先通过import导入图片路径
import companyLogo from '../../public/companylogo.png';
//然后通过img标签使用
<img src={companyLogo} alt="" />

使用后报错

错误的意思大致是引入的图片在src目录外 导致的报错

• 报错解决办法
  在node_module文件夹下找到react-script/config/webpack.config.js

const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');

new ModuleScopePlugin(paths.appSrc, [
          paths.appPackageJson,
          reactRefreshOverlayEntry,
        ]),

//可以ctrl+f查找ModuleScopePlugin 相关的代码 然后注释掉 然后图片就可以正常显示了