javascript - react SSR : SyntaxError: Invalid or unexpected token when importing image

Question

我目前在尝试导入图像并将其加载到 src 属性时遇到 [SyntaxError: Invalid or unexpected token]。这是代码:

import * as React from 'react';
import * as logo from '../../../../assets/logo.png';

export class EmailHeader extends React.Component { 
    render() { 
        return ( 
            <table style={{width: "100%"}}>
                <tbody>
                    <tr>
                        <td>
                            <img src={logo}></img> //this part throws an error
                        </td>
                        
                    </tr>
                </tbody>
            </table>
        )
    }
}

只需导入“logo”就可以正常工作，不会出错。但是只要我添加 src={logo}，它就会抛出 s 语法错误消息。

React SSR 是这样设置的:

import * as ReactDOMServer from 'react-dom/server';
import { EmailHeader } from '../email/pages/EmailHeader';

///...
ReactDOMServer.renderToStaticMarkup(<EmailHeader/>)

我正在使用 Webpack 4 来捆绑我的所有代码。任何帮助/想法都会非常有帮助!谢谢!

Answer 1

您可能需要配置您的 webpack。这是加载图像文件的简单方法。 https://webpack.js.org/guides/asset-management/#loading-images