react js编译成功但是没有输出

Posted 2023-03-06

【中文标题】react js编译成功但是没有输出

【英文标题】：react js compilation is successful but no output

【发布时间】：2022-01-21 00:01:08

【问题描述】：

构建成功但这里没有输出是git repo链接https://github.com/ganu123/my-project 我是 react js 新手，请帮忙

【问题讨论】：

嗨@Ganesh。你使用的是哪个命令？npm start 还是 npm run build？

我正在使用 npm start / npm run start

【参考方案1】：

我看到了 repo，发现你在使用路由时没有用路由器包装你的应用

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import  BrowserRouter  from "react-router-dom";

ReactDOM.render(
  <React.StrictMode>
<BrowserRouter>
    <App />
</BrowserRouter>
  </React.StrictMode>,
  document.getElementById('root')
);

reportWebVitals();

App.js

import './App.css';
import Route from "react-router-dom";
// HOC
import DefaultHOC from './HOC/Default.HOC.js';
import   Switch  from "react-router-dom";
// Component
import Temp from './components/temp';

function App() 
  return (
    <Switch>
    <DefaultHOC path="/" exact component= Temp/>
    </Switch>
  );


export default App;

【讨论】：

谢谢你，它正在工作

听起来不错。如果您对此答案有帮助，请单击勾选标记并接受，这将非常有帮助谢谢

我没有投票的权限，但我接受了