我是一个Web开发新手,目前正在尝试使用React + Vite构建一些东西。但是当我运行npm run dev时,页面显示一个完全白色的屏幕,如下所示:
npm run dev
而且终端没有错误:
我不知道该去哪里找,但这是我的App.jsx:这是我的Navbar.jsx:
qvsjd97n1#
检查您是否正在使用下面的导入指令:
import React from 'react'; import ReactDOM from 'react-dom';
ppcbkaq52#
在我的情况下,我遵循的例子:Example Twin + Vite + Emotion + TypeScript结果和你一样。没有显示。代码未运行,错误显示**“未捕获的引用错误:React未定义”**我通过将“<>”替换为“”来解决此问题<React.Fragment>
import React , { Fragment } from "react" // ^^^^^^ can use instead of React.Fragment function App () { return ( <React.Fragment> <div> Hello World </div> </Reat.Fragment> ) }
无论如何,这不是解决这个问题的正确方法。还在等另一个答案。
2条答案
按热度按时间qvsjd97n1#
检查您是否正在使用下面的导入指令:
ppcbkaq52#
在我的情况下,我遵循的例子:Example Twin + Vite + Emotion + TypeScript
结果和你一样。没有显示。代码未运行,错误显示**“未捕获的引用错误:React未定义”**
我通过将“<>”替换为“”来解决此问题<React.Fragment>
无论如何,这不是解决这个问题的正确方法。还在等另一个答案。