杂化轨道VSEPR 2022-01-29 12:02 采纳率: 93.3%
浏览 51
已结题

前端小问题,使用react+vite写一个页面,不显示,一片空白

问题遇到的现象和发生背景

最近在学习前端,使用react+vite搭建一个小网页,但是发现我的网页运行起来是一片空白,所有代码都没有报错,我也不知道这是为什么,查了好久也没有发现问题所在,有人说是JS版本不兼容内核,我从edge换到chorme还是不可以,我也不知道为什么

问题相关代码,请勿粘贴截图

这是html文件:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite App</title>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.jsx"></script>
  </body>
</html>


这个是我的App.jsx文件

import{Navber,Welcome,Footer,Services,Transactions} from './components';
const App=()=>{
  return(
    <div className="min-h-screen">
      <div className="gradient-bg-welcome">
        <Navber />
        <Welcome />
        </div>
        <Services />
        <Transactions />
        <Footer />
    </div>
  );
}
export default App;

这个是我的main.jsx文件:

import React from 'react'
import ReactDOM from 'react-dom'
import './index.css'
import App from './App'

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
)

这个是我其中一个Navbar.jsx,其余几个只是换了一下名称


const Navbar=()=>{
    return(
        <h1>Navbar</h1>
    );
}
export default Navbar;
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果
  • 写回答

1条回答 默认 最新

  • 想换辆新车 2022-01-29 13:50
    关注

    网页虽然空白, 但网页代码是什么样的? 贴一下网页代码才能帮你看一下

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 2月11日
  • 已采纳回答 2月3日
  • 创建了问题 1月29日

悬赏问题

  • ¥15 数据库获取信息反馈出错,直接查询了ref字段并且还使用了User文档的_id而不是自己的
  • ¥15 将安全信息用到以下对象时发生以下错误:c:dumpstack.log.tmp 另一个程序正在使用此文件,因此无法访问
  • ¥15 速度位置规划实现精确定位的问题
  • ¥15 代码问题:df = pd.read_excel('c:\User\18343\Desktop\wpsdata.xlxs')路径读不到
  • ¥15 为什么视频算法现在全是动作识别?
  • ¥15 编写一段matlab代码
  • ¥15 用Python做岩石类别鉴定软件
  • ¥15 关于调取、提交更新数据库记录的问题
  • ¥15 之前删了盘从下vs2022遇见这个问题 搞了一整天了
  • ¥15 从Freecad中宏下载的DesignSPHysics,出现如下问题是什么原因导致的(语言-python)