Uncaught ReferenceError: Невозможно получить доступ к CONFIG до инициализации

Question

Проект, созданный CRA.

utils / config. js

   CONFIG={
    test:'test
   }

Затем я импортировал в свой src / index. js (что составляет root из проект)

    <Provider store={store}>
            <Router>
                <Switch>
                    <Route path='/' exact>
                        <MainContainer title={'Welcome to something'} />
                    </Route>
                    <Route path='/dummy' exact>
                        <DummyContainer />
                    </Route>
                    <Route path='/pop/:topicId' exact>
                        <Popup />
                    </Route>
                    <Route path='/app' exact>
                        <App />
                    </Route>
                </Switch>
            </Router>
        </Provider>,

import 'utils / config';

Я могу получить доступ к CONFIG из моего компонента, который вызывается из src / index. js

, но ошибка произошло, что не может получить доступ к CONFIG.

Есть ли способ перевести CONFIG в самое первое состояние?

СПАСИБО.

Answer 1

убедитесь, что вы экспортировали его правильно. Это должен быть экспорт по умолчанию или экспорт по имени. попробуйте изменить ниже

utils / config. js

export default {
  test:'test'
}

src / index. js (что является root проекта)

import config from 'utils/config'

теперь вы можете использовать ваш config объект как хотите