Javascript 为我的React网页运行npm start时出现白色屏幕

当我运行npm start时，我的网页为空白，没有显示任何错误，但控制台上有一条警告：“index.js:1警告：此浏览器中无法识别标记。如果要呈现React组件，请以大写字母开头其名称。”

我在谷歌上搜索了这个错误，在网上花了几个小时研究如何解决这个白屏问题，但没有一个解决方案解决了我的问题。我也在使用Firebase，并已设置身份验证等。。所以我希望能看到它起作用

我还遵循ROBIN WIERUCH的分步教程来设置网站，因此我很惊讶地发现有这样一个白页问题：

这是空白页和控制台日志的屏幕截图：

以下是相关代码：

src/components/App/index.js：

import React from 'react';
import {Router as Router, Route, Link} from "react-router-dom";
import { HashRouter } from "react-router-dom";

import * as ROUTES from '../../constants/routes';
import { withAuthentication } from '../Session';

import Navigation from '../Navigation';
import LandingPage from '../Landing';
import SignUpPage from '../SignUp';
import SignInPage from '../SignIn';
import PasswordForgetPage from '../PasswordForget';
import HomePage from '../Home';
import AccountPage from '../Account';
import AdminPage from '../Admin';
import { AuthUserContext } from '../Session';
 

const App = () => (
  <Router>
    <div>
      <Navigation />

      <hr />
      <Route exact path={ROUTES.LANDING} component={LandingPage} />
      <Route path={ROUTES.SIGN_UP} component={SignUpPage} />
      <Route path={ROUTES.SIGN_IN} component={SignInPage} />
      <Route path={ROUTES.PASSWORD_FORGET} component={PasswordForgetPage} />
      <Route path={ROUTES.HOME} component={HomePage} />
      <Route path={ROUTES.ACCOUNT} component={AccountPage} />
      <Route path={ROUTES.ADMIN} component={AdminPage} />
    </div>
  </Router>
);

    


export default withAuthentication(App);

import FirebaseContext, { WithFirebase } from './context';
import Firebase from './firebase';
 
export default Firebase;
 
export { FirebaseContext, WithFirebase };

如果需要任何其他文件/代码，请在下面进行评论，我将编辑并包含它们

编辑： src/components/Firebase/context.js：

import React from 'react';
 
const FirebaseContext = React.createContext(null);

export const WithFirebase = Component => props => (
    <FirebaseContext.Consumer>
        {firebase => <component {...props} firebase={firebase} />}
    </FirebaseContext.Consumer>
);
 

export default FirebaseContext;

src/components/Firebase/Firebase.js

  import app from 'firebase/app';
  import 'firebase/auth';

  var firebaseConfig = {//configures firebase for this app
    apiKey: "AIzaSyBEXzmTWMIXRvBXy4h57iaI_6_3hNoN2hk",
    authDomain: "job-tracker-da126.firebaseapp.com",
    databaseURL: "https://job-tracker-da126.firebaseio.com",
    projectId: "job-tracker-da126",
    storageBucket: "job-tracker-da126.appspot.com",
    messagingSenderId: "846731062992",
    appId: "1:846731062992:web:2031686a07c366ad3d78d5",
    measurementId: "G-T5K4SSB0X6"
  };


  class Firebase {
  constructor() {
    app.initializeApp(firebaseConfig);

        this.auth = app.auth();//enables authorisation for login
  }
    // *** Auth API ***
 
  doCreateUserWithEmailAndPassword = (email, password) =>
    this.auth.createUserWithEmailAndPassword(email, password);//creating sign up fuction

  doSignInWithEmailAndPassword = (email, password) =>
    this.auth.signInWithEmailAndPassword(email, password);//creating sign in function

  doSignOut = () => this.auth.signOut();//creating sign out function

  doPasswordReset = email => this.auth.sendPasswordResetEmail(email);//paswword reset function
 
  doPasswordUpdate = password =>
    this.auth.currentUser.updatePassword(password);//password update function

}
 
export default Firebase;

---

您能否删除

以查看它是否解决了问题？您是否在某处添加了

。@ShubhamVerma是的。参见index.js。MicSt，你能展示一下组件/Firebase组件吗？@MoshFeu我已经在帖子底部添加了Firebase组件文件@ShubhamVerma我已经到处找过了，不，我没有-我还大写了我制作和使用的组件的第一个字母，例如，与Firebase一起使用，但没有任何效果

import FirebaseContext, { WithFirebase } from './context';
import Firebase from './firebase';
 
export default Firebase;
 
export { FirebaseContext, WithFirebase };

  import app from 'firebase/app';
  import 'firebase/auth';

  var firebaseConfig = {//configures firebase for this app
    apiKey: "AIzaSyBEXzmTWMIXRvBXy4h57iaI_6_3hNoN2hk",
    authDomain: "job-tracker-da126.firebaseapp.com",
    databaseURL: "https://job-tracker-da126.firebaseio.com",
    projectId: "job-tracker-da126",
    storageBucket: "job-tracker-da126.appspot.com",
    messagingSenderId: "846731062992",
    appId: "1:846731062992:web:2031686a07c366ad3d78d5",
    measurementId: "G-T5K4SSB0X6"
  };


  class Firebase {
  constructor() {
    app.initializeApp(firebaseConfig);

        this.auth = app.auth();//enables authorisation for login
  }
    // *** Auth API ***
 
  doCreateUserWithEmailAndPassword = (email, password) =>
    this.auth.createUserWithEmailAndPassword(email, password);//creating sign up fuction

  doSignInWithEmailAndPassword = (email, password) =>
    this.auth.signInWithEmailAndPassword(email, password);//creating sign in function

  doSignOut = () => this.auth.signOut();//creating sign out function

  doPasswordReset = email => this.auth.sendPasswordResetEmail(email);//paswword reset function
 
  doPasswordUpdate = password =>
    this.auth.currentUser.updatePassword(password);//password update function

}
 
export default Firebase;