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

前端小问题,使用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条回答

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

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

      悬赏问题

      • ¥30 求十字路口交通灯S7-200plc,今天早上八点前。
      • ¥20 如何用智能手表oppowatch3实现个人热点功能
      • ¥15 运营商打开wanpush会有怎么样的危害
      • ¥15 Java编程题,定义一个时钟
      • ¥15 Python面向对象编程——生成多项式的一阶导数
      • ¥15 在编写C++程序遇到了问题
      • ¥15 java程序查找字符串中所有的回文并输出
      • ¥15 怎么让只支持对.exe 和.dll文件进行加壳的加壳器,同时让它也支持php文件加壳呢
      • ¥15 这两个数学公式什么意思?
      • ¥15 求助大佬:如何解决char类型多维数组的多次输入问题?