相关疑难解决方法(0)

我已经安装了React create-react-app.它安装得很好,但我试图在我的一个组件(Header.js,文件路径:)中加载一个图像,src/components/common/Header.js但它没有加载.这是我的代码:

import React from 'react'; 

export default () => {
  var logo1 = (
    <img 
      //src="https://s3.amazonaws.com/codecademy-content/courses/React/react_photo-goose.jpg"
      src={'/src/images/logo.png'}
      alt="Canvas Logo"
    />
  );
  return (
    <div id="header-wrap">
      <div className="container clearfix">
        <div id="primary-menu-trigger">
          <i className="icon-reorder"></i>
        </div>

        <div id="logo">
          <a href="/" className="standard-logo" data-dark-logo='/images/logo-dark.png'>{logo1}</a>
          <a href="/" className="retina-logo" data-dark-logo='/images/logo-dark@2x.png'>
            <img src='/var/www/html/react-demo/src/images/logo@2x.png' alt="Canvas Logo" />
          </a>
        </div>
      </div>
    </div>
  );
} 

如果我src={require('./src/images/logo.png')}在我的logo1变量中写入图像路径,它会给出错误:

编译失败.

./src/Components/common/Header.js出错

未找到模块:/ var/www/html/wistful/src/Components/common中的./src/images/logo.png

请帮我解决这个问题.让我知道我在这里做错了什么.