styled-components/macro 未与 CRA 合作

Question

当我安装新的 create-react-app 并添加 babel-plugin-styled-components 并将 displayName 选项添加到 babel-plugin-macros.config.js 时，它不会像文档中那样添加可读的类名 -> https://styled-components.com/docs/tooling#babel-macro .

这是一个配置 https://github.com/Futekov3216/CRA.git

的 repo

P.S我不想弹出

Answer 1

今天我自己也遇到了这样的问题。问题出在styled-components本身。从5.2.2版本开始，styled中的宏就不能用了，不知道什么时候修复。最简单的解决方案：

npm i styled-components@5.2.1

Answer 2

这个问题在 styled-components v5.3.3 中仍然存在。访问 this 以了解有关此问题的更多信息。此时，您可以安装 styled-components@5.2.1，如 @mxpv 所述，以获取组件的名称以及生成的类.

Answer 3

导致此问题的问题 has been resolved。

确保 babel-plugin-styled-components 的版本至少有 2.0.3 版安装包（作为开发依赖）。该宏应该适用于最新版本的 Styled-Components.

npm install -D babel-plugin-styled-components
--or--
yarn add -D babel-plugin-styled-components

styled-components/macro 未与 CRA 合作

styled-components/macro isn't working with CRA

styled-components