Reactjs 反应生成不工作';npm运行构建'; 我已经尝试了所有我修复的所有警告,在静态之前删除 /,我尝试着放置主页地址,但是当我运行索引x.html时,它只显示空白页。在inspect元素中,root div中没有任何内容。我不知道我做错了什么,有人能帮我吗 import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import * as serviceWorker from './serviceWorker'; ReactDOM.render(<App />, document.getElementById('root')); serviceWorker.unregister(); 从“React”导入React; 从“react dom”导入react dom; 导入“./index.css”; 从“./App”导入应用程序; 将*作为serviceWorker从“/serviceWorker”导入; ReactDOM.render(,document.getElementById('root')); serviceWorker.unregister();

Reactjs 反应生成不工作';npm运行构建'; 我已经尝试了所有我修复的所有警告,在静态之前删除 /,我尝试着放置主页地址,但是当我运行索引x.html时,它只显示空白页。在inspect元素中,root div中没有任何内容。我不知道我做错了什么,有人能帮我吗 import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import * as serviceWorker from './serviceWorker'; ReactDOM.render(<App />, document.getElementById('root')); serviceWorker.unregister(); 从“React”导入React; 从“react dom”导入react dom; 导入“./index.css”; 从“./App”导入应用程序; 将*作为serviceWorker从“/serviceWorker”导入; ReactDOM.render(,document.getElementById('root')); serviceWorker.unregister();,reactjs,npm,Reactjs,Npm,应用程序文件是- import React,{Component} from 'react'; // import logo from './logo.svg'; import './App.css'; import './assets/css/style.css'; import './assets/css/bootstrap.min.css'; import './assets/css/fontawsome.css'; import './assets/css/skin.css'; im

应用程序文件是-

  import React,{Component} from 'react';
// import logo from './logo.svg';
import './App.css';
import './assets/css/style.css';
import './assets/css/bootstrap.min.css';
import './assets/css/fontawsome.css';
import './assets/css/skin.css';
import './assets/css/ionicons.min.css';
import 'antd/dist/antd.css'; 

//Customer
import Customer from './components/admin/customer/Customer';
import NewCustomer from './components/admin/customer/NewCustomer';


import Dashboard from './components/admin/Dashboard';
import Login from './components/auth/Login';
import {ProtectedRoute}  from "./components/auth/protected.route";

import { Route, BrowserRouter as Router } from 'react-router-dom';

require('dotenv').config()
class App extends Component {

  constructor(props) {
    super(props);

  }

  render(){
  return (
    <div className="App">
      <Router>
        <ProtectedRoute exact path="/" component={Dashboard} />
        <Route path="/login" component={Login} />

        <ProtectedRoute exact path="/customer" component={Customer} />

      </Router>
    </div>
  );
}
}

export default App;
import React,{Component}来自'React';
//从“/logo.svg”导入徽标;
导入“/App.css”;
导入“/assets/css/style.css”;
导入“./assets/css/bootstrap.min.css”;
导入“/assets/css/fontawsome.css”;
导入“/assets/css/skin.css”;
导入“./assets/css/ionicons.min.css”;
导入“antd/dist/antd.css”;
//顾客
从“./components/admin/Customer/Customer”导入客户;
从“./components/admin/customer/NewCustomer”导入新客户;
从“./components/admin/Dashboard”导入仪表板;
从“./components/auth/Login”导入登录名;
从“/components/auth/protected.route”导入{ProtectedRoute}”;
从“react Router dom”导入{Route,BrowserRouter as Router};
require('dotenv').config()
类应用程序扩展组件{
建造师(道具){
超级(道具);
}
render(){
返回(
);
}
}
导出默认应用程序;

嘿,你能展示一下你在ReactDOM.render中做了什么吗?请检查创建应用程序时添加的默认内容尝试将你的
应用程序的复杂性降低到它渲染的地方,比如“Hello World”,然后再添加到其他组件中,直到它崩溃,然后找出这个组件会发生什么。我这样做了,结果是当我把确切的路线放进去时,它就不起作用了,否则它就起作用了。你的所有路线都需要
确切的
道具,或者任何特定的路线?嘿,你能展示你在ReactDOM.render中所做的事情吗?请检查创建应用程序时添加的默认内容尝试将
App
组件的复杂度降低到它渲染的位置,例如“Hello World”,然后添加回其他组件,直到它崩溃,然后计算出该组件会发生什么。我这样做了,结果是当我把确切的路线放进去时,它就不起作用了,否则它就起作用了。你的所有路线都需要
确切的
道具,或者任何特定的路线?