为什么 atomize 不能与 Gatsby JS (react) 一起使用？答案

【问题标题】：Why is atomize not working with Gatsby JS (react)?为什么 atomize 不能与 Gatsby JS (react) 一起使用？
【发布时间】：2019-11-18 04:43:45
【问题描述】：

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

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

我正在通过以下方式将 atomize 包裹在 gatsby 应用程序周围：

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

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

【问题讨论】：

标签： reactjs gatsby

【解决方案1】：

你安装了 styletron 工具包吗？

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

Styletron's docs 建议将 gatsby-plugin-styletron 用于 Gatsby。希望对您有所帮助。

【讨论】：