Question

一年前，我使用create-react-app编写了此应用。现在，当我尝试使用npm start运行它时，出现以下错误：

Home（...）：渲染未返回任何内容。这通常意味着缺少return语句。或者，要不显示任何内容，请返回null。

我已经更新了所有依赖项。 react，react-dom，react-router-dom和react-scripts

错误代码似乎是：

ReactDOM.render(<Router />, document.getElementById('root'));
registerServiceWorker();

Answer 1

您不是从Home组件返回JSX

修复：

const Home = () => {
    return (
        <div className="home">
            <div className="clip1" />
            <NavLink to="/gallery" activeStyle={{ color: '#f78b10' }}>
                <h1>Norbert Karrass</h1>
            </NavLink>
        </div>;
  )
};

或更花哨的方式：

 const Home = () => (
    <div className="home">
        <div className="clip1" />
        <NavLink to="/gallery" activeStyle={{ color: '#f78b10' }}>
            <h1>Norbert Karrass</h1>
        </NavLink>
    </div>;
);

尝试在localhost上运行应用程序时出错：3000

1 个答案: