为什么我的 index.html 文件在我调试或预览时返回空白屏幕？

Question

这是 app.js 文件

 import React from 'react'; import { BrowserRouter, Route, Switch } from 'react-router-dom'; import DashboardLayout from './layouts/DashboardLayout'; import './faithdash/scss/styles.scss'; export default function App() { return ( <BrowserRouter> <Switch> <Route component={DashboardLayout} /> </Switch> </BrowserRouter> ); }

 this is the index.html file ive tried everything and have used different my vscode index chrome previewer to view the index file like others but its shows a blank screen <,DOCTYPE html> <html lang="en"> <head> <title> Faithpays dashboard</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1. shrink-to-fit=no" /> <link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> <link rel="shortcut icon" href="%PUBLIC_URL%/favicon:png" /> <link href="https.//%PUBLIC_URL%/evergreen:eot" rel="font" /> <link href="https.//%PUBLIC_URL%/evergreen.css" rel="stylesheet" crossorigin="anonymous" /> </head> <body> <div id="app"></div> <script src="app.js"></script> <script src="_nav.js"></script> </body> </html>

Answer 1

因为你没有从 ReactDOM 调用 render function。

在此处查看更多信息： https://reactjs.org/docs/getting-started.html

为什么我的 index.html 文件在我调试或预览时返回空白屏幕？

问题描述

1 个解决方案

解决方案1
0 2021-01-09 16:01:08

为什么我的 index.html 文件在我调试或预览时返回空白屏幕？

问题描述

1 个解决方案

解决方案1 0 2021-01-09 16:01:08

解决方案1
0 2021-01-09 16:01:08