未捕获的 ReferenceError：在初始化之前无法访问“CONFIG”

Question

CRA 创建的项目。

utils/config.js

   CONFIG={
    test:'test
   }

然后我在我的 src/index.js（这是项目的根目录）中导入

    <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>,

导入'utils/config'；

我可以从 src/index.js 调用的组件访问 CONFIG

但发生了无法访问 CONFIG 的错误。

有没有办法将 CONFIG 置于第一个状态？

谢谢。

Answer 1

确保您正确导出它。它应该是默认或命名导出。 尝试以下更改

utils/config.js

export default {
  test:'test'
}

src/index.js（项目的根目录）

import config from 'utils/config'

现在您可以随意使用 config 对象