首页 > 解决方案 > 未捕获的 ReferenceError:在初始化之前无法访问“CONFIG”

问题描述

CRA 创建的项目。

实用程序/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>,

导入“实用程序/配置”;

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

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

无论如何将 CONFIG 置于第一个状态?

谢谢你。

标签: javascriptnode.jsreactjsconfig

解决方案


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

实用程序/config.js

export default {
  test:'test'
}

src/index.js(项目的根目录)

import config from 'utils/config'

现在你可以随意使用你的config对象了


推荐阅读