React-hot-loader с использованием craco - PullRequest
Новая
       20

React-hot-loader с использованием craco

0 голосов
/ 04 мая 2020

Я пытался заставить работать реагирующий горячий загрузчик в моем проекте и настроил его в соответствии с инструкциями из пакета readme . Основное отличие заключается в том, что в этом проекте я использую craco, поэтому шаг 1 означает, что я добавил 

    babel: {
      plugins: ["react-hot-loader/babel"],
    },

в свой craco.config.js.

Мой root компонент, помеченный как hot-export: 

// ...
import { hot } from 'react-hot-loader/root';
// ...

function App() {
  return (
    <div>
      <Suspense fallback={loadingFB()}>
        <Provider store={userStore}>
          <ProvideAuth>
            <Router />
          </ProvideAuth>
        </Provider>
      </Suspense>
    </div>
  );
}

export default hot(App);

У меня import 'react-hot-loader'; первый в моем index.js

И наконец я установил @hot-loader/react-dom, используя следующую команду пряжи: yarn add react-dom@npm:@hot-loader/react-dom

В настоящее время я не получаю никаких предупреждений / ошибок при компиляции или в консоли браузера. Но когда я переосмысливаю sh страницу или вручную пытаюсь go перейти на любую подстраницу, написав ее URL, я теряю все состояния.

Кто-нибудь понял, чего не хватает?

...