javascript - （.SVG，.PNG）未加载到反应组件中

Question

我正在尝试在我的反应应用程序中加载 SVG 和 PNG 图像。

我在 Django 上运行后端服务器。

当我尝试加载任何图像时，我总是会收到此错误。

“GET /b5cde312e6d66e389b1ca2ccfc013da0.png HTTP/1.1”404 2195

webpack.config.js

            {
                test: /\.(jpg|png|svg)$/,
                loader: 'url-loader',
                options: {
                  limit: 25000,
                },
            },
            {
                test: /\.(jpg|png|svg)$/,
                loader: 'file-loader',
                options: {
                  name: '[path][name].[hash].[ext]',
                },
            },

我的组件

import React from 'react';
import '../App.css';
import Nav from '../components/Nav';
import  Logo from '../logo512.png'; 

export default class Dev extends React.Component {
  render(){
  return (
    <div className="App">
      <Nav />
      <header className="App-header">
        <div className="container">
         <img src={Logo}  alt="React Logo" />
        </div>
      </header>
    </div>
  )
  }
}

标签： javascriptdjangoreactjssvgjsx