【问题标题】:Blank page on npm start reactnpm start 上的空白页反应
【发布时间】:2022-01-17 21:07:11
【问题描述】:

我是 React 新手,我正在创建一个 React 应用程序 在 npm start 它返回一个空白页。 下面是:

这是我的 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 { BrowserRouter as Router, Switch, Route 
} from 'react-router-dom';

const App = () => {
  return (
      <div>
        Ecommerce  
      </div>
  )
}

export default App;

我该如何解决这个问题?

【问题讨论】:

  • 打开浏览器开发工具,看看控制台是否有错误提示。
  • 审核使用 navigator.userAgent、navigator.appVersion 和 navigator.platform 是我遇到的错误
  • 您甚至没有使用来自react-router-dom 的任何东西,因此无论是否安装它都无关紧要,除了您可能会看到一些导入错误。我在您共享的代码中看不到任何问题,也看不出为什么它不会使用“电子商务”文本呈现 div 元素。您的控制台中是否有任何错误消息?
  • 我设法解决了这个问题。缺少一些需要的依赖项。

标签: reactjs localhost npm-start


【解决方案1】:

确保你已经安装了react-router-dom:

npm i react-router-dom

【讨论】:

  • 我已经安装好了
  • 这就是让您的代码在新的 CRA 项目上运行所要做的全部工作。您是否在浏览器控制台中收到任何错误,并且您是否使用了任何可能干扰的扩展程序?
猜你喜欢
  • 2019-10-17
  • 1970-01-01
  • 1970-01-01
  • 2021-03-11
  • 2022-01-18
  • 1970-01-01
  • 2021-01-20
  • 1970-01-01
  • 2018-10-26
相关资源
最近更新 更多