реактивно загружаемый компонент высшего порядка - PullRequest
Новая
       27

реактивно загружаемый компонент высшего порядка

0 голосов
/ 15 февраля 2019

Я пытаюсь использовать реагирующую загрузку для реализации разделения кода, и, как предлагается в документах, я создал для нее HOC, например: 

export default function({ componentPath }) {
  return Loadable({
    loader: async () => {      
      const component = await import(componentPath)
      return component;
    },  
    delay: 200
  });
}

и я использую это так 

import withLoadable from "hoc/withLoadable";

....

const Home = withLoadable({componentPath: "containers/Home"});

, но я получил следующую ошибку 

Error: Cannot find module 'containers/Home'
    at eval (eval at ./src/hoc lazy recursive (main.chunk.js:formatted:98), <anonymous>:5:11)

Ссылаясь на документы здесь , они упомянули эту проблему и способы ее решения.я попытался добавить атрибуты modules и webpack, но это не сработало.

Кстати: в webpack.config.js я добавил каталог "src" в модули разрешениявот так: 

...
resolve: {
      // This allows you to set a fallback for where Webpack should look for modules.
      // We placed these paths second because we want `node_modules` to "win"
      // if there are any conflicts. This matches Node resolution mechanism.
      // https://github.com/facebook/create-react-app/issues/253
      modules: ['src','node_modules'].concat(
        // It is guaranteed to exist because we tweak it in `env.js`
        process.env.NODE_PATH.split(path.delimiter).filter(Boolean)
      ),
...

Я уверен, что что-то упустил, но я могу это получить ...

...