当我尝试导入SVG图像时，在工具栏中遇到此错误“无法编译”

Question

未能编译。找不到/src/layout/Navbar.js模块:无法解析'./assets/logo.svg‘in 'D:\react\03\src\layout’此错误发生在生成期间，无法解除。

以下是我的代码

import React from 'react';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar';
import Logo from './assets/logo.svg';
const Navbar = () => {
    return (
        <AppBar position="static">
            <Toolbar>
                <div>
                    <img src={Logo} alt="logo" />
                </div>
            </Toolbar>
        </AppBar>
    );
};
export default Navbar;

Answer 1

您的路径不正确。

替换

import Logo from './assets/logo.svg';

使用

import Logo from '../assets/logo.svg';