Реактивная маршрутизация js не работает при наличии html-шаблона скрипта - PullRequest
9 голосов
/ 24 мая 2019

Проблема

Ядро Asp.net 2.0 и реагирует на приложение js в режиме реального времени на здесь .Я сделал все, что мог, чтобы (навигация) работала, но, к сожалению, она все еще не работает.Сайт размещен на iis.

Index.js

    import React from 'react'
import ReactDOM from 'react-dom'
import {
    Route,
    BrowserRouter as Router,
    Switch
} from "react-router-dom";

import registerServiceWorker from './registerServiceWorker';

import Footer from './components/layout/footer';
import Header from './components/layout/header';

import Home from './Components/home'
import Contact from './Components/contact';
import Results from './Components/results';
import Promotions from './Components/promotions';
import InPlay from './Components/in_play';
import Stats from './Components/statistics';

import Notfound from './notfound';

const routing = (
    <Router>
        <div>
            <Header />
            <Switch>
                <Route exact path="/" component={Home} />
                <Route path="/contact" component={Contact} />
                <Route path="/results" component={Results} />
                <Route path="/promotions" component={Promotions} />
                <Route path="/inplay" component={InPlay} />
                <Route path="/stats" component={Stats} />

                <Route component={Notfound} />
            </Switch>
            <Footer />
        </div>
    </Router>
);

ReactDOM.render(routing, document.getElementById("root"));

registerServiceWorker();

module.hot.accept();

И Header.js

<li className="rd-nav-item">
<Link to="/" className="rd-nav-link" href="/">Home</Link>
</li>
<li className="rd-nav-item">
<Link to="/inplay" className="rd-nav-link">In-Play</Link>
</li>
<li className="rd-nav-item">
<Link to="/promotions" className="rd-nav-link">Promotions</Link>
</li>
<li className="rd-nav-item">
<Link to="/stats" className="rd-nav-link">Statistics</Link>
</li>

other list elements

--------- Обновление ---------

Я обнаружил, что если я закомментирую "script.js", который является файлом шаблона HTML, то, несмотря на проблему дизайна, маршрутизацияРабота.Это, безусловно, проблема с js-скриптом здесь .

Маршрутизация не работает при полной загрузке приложения при навигации.Нет связанных с консолью ошибок.

Теперь я сузил проблему, на самом деле это плагин "pageTransition".Может быть, мне нужно, чтобы этот переход страницы работал с реагировать JS.

Further improvements are made by changing the order of script loading in index.html, problematic script.js by loading it after bundle.js.

------- конец обновления -------

Если у кого-то есть идея или информация, пожалуйста, дайте мне знать.Спасибо за ваше время.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...