Динамический импорт не работает в приложении реакции

Question

У меня есть CRA, а затем я использую Npm Eject. Я хочу импортировать файл динамически, но он выдает ошибку

Ошибка синтаксического анализа: «импорт» и «экспорт» могут появляться только на верхнем уровне

Ошибканаходится в этом файле

componentDidMount() {
    const { pathParam1, pathParam2 } = { ...this.props.match.params };
    /* eslint-disable */
    import('raw-loader!../../'+pathParam1+'/'+pathParam2) // eslint-disable-line
    .then( (data)=>{
      console.log('done')
      console.log(data)
    })
  }

, а файл веб-пакета не затронут. Кто-нибудь может помочь?

Answer 1

Вы не можете использовать импорт в жизненном цикле реагирования, вместо этого используйте его в верхней части файлов, прежде чем объявить свой класс.