我使用npx create-react-app my-app创建了我的react应用程序，但当我尝试在IE11上加载web应用程序时，它只打印一个空白页面。 我还添加了polyfill，方法是使用命令yarn add react-app-polyfill安装，然后包含以下内容： import 'react-app-polyfill/ie9';
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable'; 在src/index.tsx内部。但它仍然加载空白页面。我该怎么
浏览 29提问于2020-03-31得票数 0
我试图让我的组件从App.js的react显示它不工作，甚至不显示组件，只显示一个空白页面。
我搞不懂为什么它没有显示出来。
我的代码如下所示：
mainReg
import React from 'react';
const mainReg = () =>{
return(
<div>
<h2>Hey react!</h2>
</div>
);
}
export default mainReg;
app.js
import logo from &#
浏览 0提问于2021-10-07得票数 0
1回答
反应路由器呈现页面空白
、、、
我得到一个空白页与我的渲染。我签了其他类似的问题，以找到解决办法，但我仍然得到这个空白页。谢谢你的帮助!
这是我的密码：
App.js
import logo from './logo.svg';
import './App.css';
import React, { Component } from 'react'
import Events from './components/Events/Events';
import { BrowserRouter, Route, Routes } from 'react-r
浏览 1提问于2022-03-28得票数 0
我只是一个初学者，刚开始学习reactJS，我写了下面的代码来显示输出，但是它显示空白页面，有人可以纠正我的代码，告诉我为什么它显示空白页面吗？ { import React from 'react';
import ReactDOM from 'react-dom';
import App from './App'
function Bookshop(){
return(
<section>
<Book />
</section>
);
}
cons
浏览 5提问于2021-06-24得票数 0
回答已采纳
我是React.js新手，已经用以下方式制作了新的React.js应用程序：
创建反应-应用程序
我已经安装了依赖项
反应路由器
var React = require('react');
var NavLink = require('react-router-dom').NavLink;
问题是，当我将NavLink添加到组件时，它将显示空白页：
在此之前：
<ul className="nav navbar-nav navbar-left">
<li><a>
浏览 6提问于2017-04-22得票数 0
当我试图在react原生网页视图中加载一个https网页时，它显示空白页面。我试着加载http它工作得很好。但我的应用需要https。请帮我解决这个问题。
/**
* Sample React Native App
* https://github.com/facebook/react-native
* @flow
*/
import React, { Component } from 'react';
import {
Platform,
StyleSheet,
Text,
View
} from 'react-native';
浏览 1提问于2017-10-31得票数 1
我想要的是当进入'/'路径时，它会呈现主页(App.js)，并创建一个特殊的链接来重定向到外部页面。
import React from 'react';
import { Routes, Route } from 'react-router-dom';
import App from './App';
const Home = () => {
return (
<Routes>
<Route path="/" element={<A
浏览 0提问于2022-07-11得票数 0
回答已采纳
尝试此react示例后，在端口3000启动服务器后，我得到一个空白页面。代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.min.js"></script>
<script
浏览 3提问于2017-06-05得票数 0
在react(使用react-router@5.3.0)中，Link to={PATH}可以工作，但Link to={{pathname:PATH}}不能工作。我也不知道原因。
这是我的代码：
<Link to={`/chat_detail?name=${user?.name}&room=TestRoom`}>
<div>TestBtn1</div>
</Link>
<Link to={{ pathname:`/chat_detail?name=${user?.name}&room=TestRoom` }}>
浏览 7提问于2022-10-12得票数 1
1回答
我已经学习了几天，我写了一个简单的项目(单页应用程序)。问题是我的页面没有显示任何东西-这是一个空白页。
App.js
import './App.css';
import {BrowserRouter as Router,Routes,Route,} from "react-router-dom";
import { Home } from './components/Home';
import { Wallet } from './components/Wallet';
function App() {
return
浏览 8提问于2022-04-13得票数 0
回答已采纳
1回答
我的问题是反应路由显示空白页和没有错误显示在控制台或webpack.我试图删除所有的路由器，并由应用程序取代，但它显示给我空白页agian。
这是我的main.js文件。
import React from 'react'
import ReactDOM from 'react-dom'
import {Provider} from 'react-redux'
import {createStore, combineReducers} from 'redux'
import { Router, Route, browserHist
浏览 0提问于2016-12-07得票数 2
回答已采纳
3回答
我正在尝试开始使用react-router。
import React from 'react';
import ReactDOM from 'react-dom';
import HelloWorld from './pages/HelloWorld';
import {Router, Route, IndexRoute, hashHistory,browserHistory} from "react-router";
...
const app = document.getElementById('root')
浏览 2提问于2017-09-07得票数 1
1回答
当axios接收到503 (Service Unavailable)时，我在react应用程序中看到了空白页。我明白这个问题。当出现503 (service Unavailable)错误时，组件将卸载并最终反应显示空白页。
是否知道如何防止出现空白页？
备注：
错误处理得非常好，我甚至在浏览器控制台中看到了错误日志。
如果发生500错误，则不会发生这种情况。
浏览 1提问于2019-06-21得票数 0
我用react编写了一个简单的评论框应用程序。守则如下：
<!DOCTYPE html>
<html>
<head>
<script src="https://fb.me/react-0.13.2.js"></script>
<script src="https://fb.me/JSXTransformer-0.13.2.js"></script>
<script src="https://code.jquery.com/jquery-2
浏览 4提问于2015-05-04得票数 0
回答已采纳
1回答
我正在写下面的代码，但显示空白页。
var hello = React.createClass({render : function(){return <div><h1> Hi<h1/</div>;}});React.render(new hello(),document.body);
浏览 0提问于2015-12-05得票数 0
我在将我的React App部署到Github页面时遇到了问题。它给我显示了一张空白页。我添加了Homepage: 'https://Jonathan929-del.github.io/Jonathan-Gym'以及deploy和predeploy代码，但仍然显示一个空白页面，有什么问题吗？
浏览 36提问于2021-09-04得票数 0
2回答
我正在尝试开发一个多页面的React，我试着使用Reactive路由器，但是当我点击Save并重新加载该页面时，我得到了一个空白页面。这就是我所拥有的:家庭组件：
import React from "react";
import Navbar from './components/Navbar';
import Hero from './components/Hero';
import AboutUs from './components/AboutUs';
import Footer from './component
浏览 6提问于2022-09-11得票数 1
回答已采纳
我使用create- react -app创建了一个示例应用程序，在执行npm start时，它向我展示了默认的react js页面。然后，我在src中编辑了app.js，以
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('root')
);
但这显示了一个关于做npm start的空白页面。我检查过了，ind
浏览 1提问于2017-03-06得票数 0
回答已采纳
我遵循了GitHub页面为React应用程序设置的所有步骤。当我在本地主机上运行它时，这个应用程序运行得很好，但是GitHub只为我提供了一个空白页面。
我试着把服务分支设置为我的主分支和页分支，但都为我提供了一个空白页。
我的package.json设置如下：
{
"homepage": "https://ThreadSurfer.github.io/MyPortfolio",
"name": "MyPortfolio",
"version": "0.1.0",
"priv
浏览 2提问于2022-06-14得票数 2
我想在react原生应用中运行一个新项目。我没有得到任何错误，但是我的模拟器中的应用程序只显示空白页面。 首先，我编写了用于创建新项目的react-native init AwesomeProject。 然后我尝试实现我的react导航，如下所示： import { createAppContainer, createSwitchNavigator, createStackNavigator } from 'react-navigation';
import Home from './MainTabNavigator';
import SignInScree
浏览 42提问于2019-03-23得票数 3
回答已采纳
编辑解题
我正试图在gh-pages上部署我的应用程序。
问题
当我访问这个网站时，我得到了一个空白页面，我可以在控制台中看到以下错误：Manifest: Line: 1, column: 1, Syntax error.，我猜这就是我看到一个空白页面的原因。
我的manifest.json文件如下：
{
"short_name": "React App",
"name": "Create React App Sample",
"icons": [
{
"src":
浏览 9提问于2022-10-30得票数 0
回答已采纳
16回答
我正在使用React.JS，当我使用react-native run-android (插上我的设备)时，我看到一个空白页面。当我摇动设备并从选项列表中选择Debug JS Remotely时，我会看到以下屏幕。
仅供参考：
OS: Ubuntu 16.04
Node version is: v4.6.2
java version "1.8.0_111"
react": "15.4.1
react-native": "0.38.0
浏览 7提问于2016-12-01得票数 156
我想使用嵌入到Android WebView中的react.js+antd+react-router+react-redux包文件(可以在通用浏览器中运行)，但是不能运行一个空白页面，我不使用普通的JS脚本来运行，并使用这种方式集成webapp的兄弟寻求帮助。
浏览 0提问于2017-09-14得票数 0
在我更改了App.js代码之后..页面连续显示3个错误代码的空白页面
我试着修了4个小时..
现在我再也坚持不住了..
你能帮我吗？
import React, { Component } from 'react';
import './App.css';
class App extends Component {
render(){
return (
<div className="App">
Hello, React!!
</div>
);
浏览 9提问于2020-05-14得票数 1
回答已采纳
我正在尝试部署(目前在github上)来实现netlify。部署之后，它将显示一个空白页。
我添加的Netlify配置：构建命令：纱线生成，发布目录：构建
这是我在package.json上的脚本
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "
浏览 4提问于2020-01-08得票数 2
1回答
我有一个PrivateRoute，它包含另一个私有页面。问题是，经过检查，我得到一个空白页，因为我的主页'/‘是空的。我在PrivateRoute组件中使用，我需要在'/profile‘页面上重定向授权用户。或者用其他组件修改我的代码。谢谢你的帮助
它是一个App.tsx
<BrowserRouter basename={PATHS.home}>
<Routes>
<Route path="/" element={<PrivateRoute />}>
浏览 7提问于2022-03-21得票数 1
我遵循的‘添加反应网站’的指南，但它似乎没有正确的工作，因为某些原因。
不起作用的代码：
index.html：
<html>
<head>
<!-- Load React -->
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-d
浏览 1提问于2018-09-08得票数 1
回答已采纳
2回答
我是新的反应，我正在创建一个反应应用程序，在npm启动，它是返回一个空白页。以下是：
这是我的index.js
import React from "react";
import ReactDOM from 'react-dom';
import App from '../src/App';
ReactDOM.render(<App />,
document.getElementById('root'));
App.js
import React from 'react'
import { Bro
浏览 1提问于2022-01-17得票数 0
我已经使用create- react -app创建了react应用程序，当我启动"npm start“时，它在浏览器中使用localhost:3000运行，这是很好的。但是，当我单击项目文件夹中的index.html时，它显示的是空白页面。关于如何使用index.html文件运行react应用程序，您能给我一些建议吗
浏览 16提问于2021-03-06得票数 0
我是Reactjs的新手，我想使用路由器但不工作，显示空白页面。
如何使用路由器主页类别和产品。我将代码放在App.jsx和index.jsx中，但显示空白页，我如何解决此问题。
以下是我的App.jsx代码
/* Import statements */
import React, { Component } from 'react';
import { Link, Route, Switch } from 'react-router-dom';
/* Home component */
const Home = () => (
<div&g
浏览 0提问于2018-11-10得票数 1
我正在尝试在第三方react组件上使用react-loadable。它只是显示空白页面。当我用它来拆分我自己的组件时，它工作得很好。
import React from 'react'
import Loadable from 'react-loadable';
const Loading = () => <div>Loading...</div>
const Modal = Loadable({
loader: () => import('react-responsive-modal'),
浏览 0提问于2018-10-13得票数 0
我正在尝试路由，但它不起作用，它显示了一个空白页，这是我点击localhost:3000/home时的代码，它没有显示任何内容。
import React, { Component } from 'react';
import { BrowserRouter as Router, Route } from "react-router-dom";
const Home = () =>{
return(
<div>
<p>Home</p>
</div>
);
}
浏览 0提问于2018-09-09得票数 1
回答已采纳
1回答
我在应用商店里发布了一个应用程序，这个应用程序是在react本地制作的。应用程序中的所有内容都很好，除了一个页面，当我单击一个按钮使用react导航导航到其他页面时，我可以看到该页面0.5秒，然后得到一个空白页面。该应用程序发布在应用程序商店中，当我使用从商店下载的真正应用程序时，当我使用本地应用程序与世博时，这种情况不会发生，而且我没有错误。
这是空白页的屏幕。
很抱歉，如果我的英语不好，希望有人能解决这个问题，乐于回答问题。
浏览 7提问于2022-06-14得票数 0
示例...
我有路由反应
function App() {
return (
<React.Fragment>
<Router>
<Switch>
<Route exact path="/" component={list} />
<Route exact path="/p/:id" component={Post} />
</Switch>
<
浏览 2提问于2019-08-21得票数 0
即使当我断开网络连接时，应用程序也能正常工作，但当我断开互联网应用程序页面时，我在执行google广告的地方就无法工作了。应用程序页面显示空白页，甚至没有加载应用程序页面数据。我知道当我断开互联网时，广告不会出现，但问题是我也没有得到网页数据，它显示的是空白页。我怎样才能解决这个问题？提前感谢您的支持。
import React, { useState, useEffect } from "react";
import { View, Button, Text, TouchableOpacity } from 'react-native'
import { In
浏览 2提问于2022-08-23得票数 0
回答已采纳
1回答
我是新的网页开发，我创建了一个反应应用，并建立了它。我将index.html重命名为react.html。在我的主index.html中，我有这个链接。
a href="react.html">react</a>
当我点击它时，它只会得到一个空白页。有什么更好的方法吗？我还将index.html放入构建文件中。
浏览 1提问于2022-02-17得票数 0
在Dango中，成功显示了React的index.html，但没有渲染，只显示了白色空白页面。
下面是我的设置。
/etc/nginx/sites available/mystar.conf：
django设置：
目录树：
站点错误：
React是通过设置Janggo模板中的build文件夹来显示的。
如何解决上述错误？
浏览 15提问于2021-05-20得票数 0
我正在学习react和node js。我刚刚创建了一个react应用程序，然后在终端上传递npm start，localhost:3000没有响应，然后说：“这个站点无法访问localhost，响应时间太长。”然后我打开了react应用的公共文件夹，点击google chrome上的index.html去吃午饭，它只给出了一个空白页面。请帮帮我！
浏览 2提问于2020-06-12得票数 0
2回答
我有以下react代码，当我使用Radium to in style时，媒体查询不起作用。它只是显示一个空白页面作为输出。
import React, { Component } from 'react';
import Radium from 'Radium';
class contact extends React.Component {
render() {
var styles = {
base: {
background: 'blue',
border: 0,
borderRadiu
浏览 4提问于2017-03-13得票数 2
1回答
我在材料用户界面上工作。在用npm run build构建项目之后，它显示了运行npm run serve的空白页--我尝试过从开始在package.json中设置homepage: "./"，它仍然显示空白页。是MUI造成的还是代码中遗漏了什么。
在我得到的浏览器中检查控制台。
index.js
import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter } from "react-router-dom";
import
浏览 9提问于2021-12-15得票数 -1
我正在尝试加载演示故事书故事。我使用create-react-app创建了一个react应用程序并运行npm start。它开始于端口: 3000。然后当我运行npm run storybook时，它会在端口6006上打开一个浏览器。但仅显示空白页。
浏览 32提问于2020-10-21得票数 3
我正在使用React开发一个SPA。 目前，在生产环境中，当应用程序崩溃时，用户只能看到空白页面。 因此，我正在尝试设置一个自定义错误页面。 由于我在react应用程序中使用BugSnag进行错误监控，因此我使用了BugSnag提供的ErrorBoundary。 下面是初始化和放置ErrorBoundary的代码。 const bugsnagClient = bugsnag('8XXXXXXXXXXXXXXXbac')
bugsnagClient.use(bugsnagReact, React)
const ErrorBoundary = bugsnagClient.getP
浏览 14提问于2019-12-10得票数 1
1回答
React路由器没有渲染我的JSX。它不显示组件的内容。它呈现一个空白页面。 下面是我的根组件： import React, { Component } from 'react'
import Navbar from './components/Navbar'
import { BrowserRouter, Route } from 'react-router-dom'
import Home from './components/Home'
import About from './components/About&#
浏览 39提问于2019-09-16得票数 2
这是我的index.html
<div id="root"></div>
<div id="portaltest"></div>
这是我的App.js
import React, { Component } from "react";
import PortalTest from "./PortalTest";
export class App extends Component {
render() {
return (
<div>
浏览 1提问于2022-07-28得票数 1
回答已采纳
我的应用程序呈现一个空白页面，控制台出现错误“未捕获错误:目标容器不是DOM元素”。来自index.js第7行
这是我的index.js：
import React from 'react';
import ReactDOM from 'react-dom';
import '../stylesheets/index.css';
import App from '../components/App';
import * as serviceWorker from './serviceWorker';
ReactD
浏览 0提问于2021-06-09得票数 0
2回答
我跟踪我的离子反应应用程序的问题。
初始启动后，登录页面显示为expected.After成功登录，this.state.login.status打开true并加载主组件(查看此组件的日志输出)。但是屏幕只显示一个空白页。在重新加载页面后(使用成功的登录数据，我要将其保存在localStorage中)，主页组件将如预期的那样出现。
在每个设备(Chrome、Android、Ios)上，这种行为都是一样的。控制台不显示任何错误消息。
我只看到了Android和Chrome之间的一个区别。如果我用chrome注销，就会出现登录页，并且我可以重新登录(没有空白页)。因此，问题只是针对第一次状态变化。
浏览 2提问于2020-05-19得票数 0
回答已采纳
我使用jhipster v5.3.4构建了一个应用程序，为前端选择React选项。它对Edge和Chrome很好，但在11上呈现一个空白页。
我读过的解决方案是安装并包含babel-poly填充，但我不知道如何做到这一点。
我所做的：
npm安装
在index.tsx顶部添加import babelPolyfill from 'babel-polyfill';
结果是相同的，空白页和控制台错误：“符号未定义”。
浏览 1提问于2018-10-03得票数 0
回答已采纳
这是我使用React.js的第一个项目，我按照以下步骤创建Hello World ()
我在head标签中导入了React.js，但是为什么我的代码不能工作？index.html只是一个空白页面
index.html
<html>
<title>
My first project using React.js
</title>
<head>
<script src="https://unpkg.com/react@15/dist/react.js"></sc
浏览 2提问于2017-03-28得票数 0
我尝试将值相互传递给react中的另一个组件--原生项目，但失败了，没有显示任何错误，但它完全显示了一个空白页！
NotificationData.js页面，其中存储所需的数据如下所示，
const NotificationData =[
{
title: "Covid Visa",
statusDetails: "Your antibody is about to expire in a month ",
time: "3:55PM 10 May 2021",
},
{
浏览 3提问于2021-08-12得票数 0
回答已采纳
尝试在我的抽屉中加载部分视图，但是，我得到的却是空白页面。有没有人能指导我这样做；
MainScreen.js ..
import DrawerContent from "./PartialViews/DrawerContent";
..。
render() {
return (
<DrawerLayoutAndroid
style={mainStyles.applicationView}
drawerWidth={300}
drawerPosition={DrawerLayoutAndroid.posi
浏览 1提问于2017-04-21得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
