reactjs React + Vite页面没有显示任何内容

uurity8g  于 2023-05-17  发布在  React
关注(0)|答案(2)|浏览(246)

我是一个Web开发新手,目前正在尝试使用React + Vite构建一些东西。但是当我运行npm run dev时,页面显示一个完全白色的屏幕,如下所示:

而且终端没有错误:

我不知道该去哪里找,但这是我的App.jsx:

这是我的Navbar.jsx:

qvsjd97n

qvsjd97n1#

检查您是否正在使用下面的导入指令:

import React from 'react';
import ReactDOM from 'react-dom';
ppcbkaq5

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>
  )
}

无论如何,这不是解决这个问题的正确方法。还在等另一个答案。

相关问题