emotion - @emotion/core @emotion/styled 情感主题可以与电子一起使用吗?
问题描述
我正在尝试将情感整合到我的电子应用程序中,但遇到了一些麻烦,似乎找不到任何话题。我使用的样板是electron-react-boilerplate。在开发构建期间一切似乎都在工作,但是一旦我为生产构建,我就会收到这个错误:
任何指导或帮助都会很棒!我已经看到有一些带有情感主题的高级选项,我可能需要使用它们,例如CacheProvider
但不知道如何将它们与电子一起使用......
谢谢!
解决方案
弄清楚了。在您需要设置容器时,脚本将使用andapp/index.tsx
手动注入,因为实际的 ReactDOM.render 发生在文档事件侦听器中。完整文件在这里:CacheProvider
createCache
index.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')
)
})
推荐阅读
- excel - 我想在 Excel VBA 中使用数组和索引比较来自不同工作表的 2 列
- python - GroupBy 和 Shift 基于列的值
- c# - 如何从 MethodDeclarationSyntax 对象中获取程序集名称
- javascript - Excel Javascript 加载项 - 拒绝访问属性
- python - 如何在没有任何错误的情况下安装 pyaudio?
- excel - 在 Excel/ThinkCell 中为堆积列之间的间隙着色
- javascript - D3图表,用
没有出现 - angular - 如何在网页上居中 mat-card
- java - Git:查找仅更改了 serialVersionUID 的文件
- android - 如何在 AsyncTask 的后执行方法中获取对 recyclerveiw 适配器进度条的引用