问题标签 [styled-jsx]

大家好，我使用 gatsby 和 stylejsx（nextjs creator 包）对其进行样式设置，我将 stylejsx 配置为通过 sass-plugin 进行转换，然后转换为 css。

我有 sass 变量的文件夹，我将它导入到我的反应组件的标签中，如下所示：

所以我在 variable.scss 中的颜色变量可以被 stylejsx 使用，一切正常，我可以通过在“variable.scss”文件中更改“$primary”sass 变量来更改这个反应组件中的颜色“div.element”标签。但是 Webstorm 让我对“@import”src/variable.scss“行的错误感到恼火我在 webstorm 中将“根资源设置”设置为 src 如果使用“@import”/src/style/variable.scss“”我的颜色网页不工作，但 webstorm 不抱怨

嗨，我有一个通过 create-react-app 创建的反应项目，当我运行该项目时，通过“styled-jsx”添加的样式有效，但没有作用域，我在控制台中也有这个错误。

收到true非布尔属性jsx

我需要测试代码：

我按照页面https://github.com/vercel/styled-jsx上的示例进行操作，但我看不到如何在不弹出反应项目的情况下添加插件。你能帮我解决一下吗？

我有一个rollup.config.js看起来像这样：

join注意：调用中的所有路径等都是正确且经过验证的。

使用以下命令运行捆绑器以进行生产：

在我的项目rollup版本2.64.0中正在使用。插件版本是：

一个组件的示例，当然是简化的，是：

babel.config.js看起来像这样：

在使用 Storybook 进行本地开发时，一切都按预期呈现，没有问题，并且使用相同的 babel 配置！

但是，当我在开发或生产模式下运行汇总时，它会成功编译，但是当我通过捆绑呈现组件客户端时，它会抱怨styled-jsx不包括在内。我还可以在构建中看到:global伪类在构建过程中也没有被正确地转译，但 babel 似乎肯定是在构建过程中运行的，等等，它使用styled-jsx/babel插件，如上所示......

我已经尝试了所有我能想到的东西，例如：我查看了插件的顺序，浏览了styled-jsx每个汇总插件的文档和问题，等等，但我无法弄清楚为什么它会毫无错误地捆绑在一起，但是，它是一个无效的构建！

我发现打算将其捆绑项目用作 npm 依赖项的文章，他们希望将其styled-jsx用作对等依赖项，但对于此项目，它必须包含在捆绑包中，因为构建仅适用于非节点环境中的客户端 JavaScript 捆绑包因此，对等依赖项等不是一种选择，它必须在构建时构建和运行。

如果有人有任何想法或需要我的进一步澄清，我非常乐意提供背景信息或回答任何问题，请务必让我知道。否则，我会很高兴获得有关如何正确捆绑和运行的任何提示。

似乎如果我创建一个函数来返回与 className 关联的 dom 元素，则不会应用本地样式，例如；

我的期望是 elem() 将返回一个元素，该元素将继承与 .myCss 类关联的样式。但它没有：/

好的，这是登陆页面。

问题是，我已经尝试并再次尝试让它正确......该页面在桌面上非常完美，但如果您想在移动设备上查看它，那就有点不同了。桌面我使用光标在您四处移动时移动图像，然后在移动设备上您可以倾斜以获得响应式 UI。所以这一切都很好，但是在移动设备上没有页面容器边界，这意味着，你可以拖动你的 didplay 的整个页面......我可以用像 install 这样的 css-flexbox 来解决这个问题吗？