为什么原子化不能与Gatsby JS (react)一起使用？

Question

我正在尝试将原子化(https://atomizecode.com/)与Gatsby JS (https://www.gatsbyjs.org/)一起使用，虽然它已成功安装，但原子化组件并未呈现到页面上。

我正在尝试导入一个按钮来启动“嘿”，虽然它呈现了一些东西，但它不是标准的按钮组件。此外，即使按钮组件已导入，我也会收到警告，显示它未被使用。

我通过以下方式在gatsby应用程序中封装了原子化：

import React from "react"
import { StyleReset } from "atomize"

export const wrapRootElement = ({ element }) => (
  <>
    <StyleReset />
    {element}
  </>
)

​

​

Answer 1

你安装styletron工具包了吗？

根据他们的docs，这是一个依赖，看看他们的package.json，它是在peerDependencies下定义的，这意味着它不会和原子化一起安装。

Styletron's docs建议对Gatsby使用gatsby-plugin-styletron。希望这能有所帮助。