emotion - @emotion/core @emotion/styled 情感主题可以与电子一起使用吗？

Question

我正在尝试将情感整合到我的电子应用程序中，但遇到了一些麻烦，似乎找不到任何话题。我使用的样板是electron-react-boilerplate。在开发构建期间一切似乎都在工作，但是一旦我为生产构建，我就会收到这个错误：

任何指导或帮助都会很棒！我已经看到有一些带有情感主题的高级选项，我可能需要使用它们，例如CacheProvider但不知道如何将它们与电子一起使用......

谢谢！

Answer 1

弄清楚了。在您需要设置容器时，脚本将使用andapp/index.tsx手动注入，因为实际的 ReactDOM.render 发生在文档事件侦听器中。完整文件在这里：CacheProvidercreateCacheindex.tsx

import 'styles/index.css'

import createCache from '@emotion/cache'
import { CacheProvider } from '@emotion/core'
import React, { Fragment } from 'react'
import { render } from 'react-dom'
import { AppContainer as ReactHotAppContainer } from 'react-hot-loader'

import Root from './containers/Root'
import { configureStore } from './store/configureStore'

const AppContainer = process.env.PLAIN_HMR ? Fragment : ReactHotAppContainer

const { store, persistor } = configureStore()

document.addEventListener('DOMContentLoaded', async () => {
    const myCache = createCache({
        container: document.head,
    })

    // Render
    return render(
        <CacheProvider value={myCache}>
            <AppContainer>
                <Root store={store} persistor={persistor} />
            </AppContainer>
        </CacheProvider>,
        document.getElementById('root')
    )
})