NWJS App路由在开发人员中发挥作用,Build版本不路由

时间:2019-06-13 13:02:29

标签: reactjs react-router-v4 mern nwjs

当前正在使用NWJS开发桌面应用程序。 我正在使用的堆栈是MERN堆栈。我目前正处于Building阶段,但有一个主要问题:构建应用后,我的路线(使用React-Router)不起作用。

您会在下面找到该问题的屏幕截图:首先,我的应用程序应该呈现一个登录表单(使用react router)。

我已经尝试了大多数事情,从重构到摆脱控制台警告。 但是,Dev中的所有功能都可以正常工作(通过npm start)。我的路由没有问题.. 我只是不明白

var sequelizeAuto = require('../');

期望(在开发环境中工作):dev

产品构建实际发生的情况:prodIssue

1 个答案:

答案 0 :(得分:0)

这终于对我有用。

    import React, { Component } from "react";
    import "./App.css";
    import FormSignin from "./containers/form/form.js";
    import { HashRouter, BrowserRouter, Route, Switch } from "react-router-dom";
    import Dashboard  from "./containers/dashboard/dashboard.js";
    import { PrivateRoute } from "./components/PrivateRoute.js";
    import LoaderApp from "./components/loader.js";
    import Selector from "../src/components/selector";
    import Footer from "../src/containers/footer";

    class App extends Component {
      renderLoading() {
        return <LoaderApp />;
      }

      render() {
        return (
          <BrowserRouter>
            <div className="App">
            <Selector/>
              <header className="App-header">
                <Switch>
                <PrivateRoute path="/dashboard" component={Dashboard} />

                  <HashRouter>            
                    <Route exact path="/" component={FormSignin} />
                  </HashRouter>
                </Switch>
              </header>
              <Footer/>
            </div>
          </BrowserRouter>
        );
      }
    }

    export default App;