在已发布的 NPM 包中使用 styled-jsx 会给出警告：收到非布尔属性 `jsx` 的 `true`答案

【问题标题】：Using styled-jsx in published NPM package gives Warning: Received `true` for a non-boolean attribute `jsx`在已发布的 NPM 包中使用 styled-jsx 会给出警告：收到非布尔属性 `jsx` 的 `true`
【发布时间】：2019-12-15 00:40:49
【问题描述】：

我正在尝试用我的 nextjs-generic-landing-page 制作一个易于使用的 NPM 包，而 NPM 现在位于 https://www.npmjs.com/package/nextjs-generic-landing-page

由于某种原因，使用styled-jsx 的组件无法正常工作，它们呈现奇怪的状态并产生警告：

index.js:1 Warning: Received `true` for a non-boolean attribute `jsx`.

If you want to write it to the DOM, pass a string instead: jsx="true" or jsx={value.toString()}.
  in style
  in div
  in SocialSharing (at pages/index.js:32)
  …

这是我使用 Babel 构建 NPM 包的代码：

"publish:npm": "rm -rf dist && for folder in {components,lib,config,public}; do mkdir -p dist/${folder} && babel ${folder} -d dist/${folder} --copy-files --presets=@babel/preset-env,next; done && cp package.json dist/"

有什么建议吗？

【问题讨论】：

标签： npm babeljs next.js styled-jsx

【解决方案1】：

我错过了styled-jsx/babel 插件：

"publish:npm": "rm -rf dist && for folder in {components,lib,config,public}; do mkdir -p dist/${folder} && babel ${folder} -d dist/${folder} --copy-files --presets=@babel/preset-env,next --plugins=styled-jsx/babel; done && cp package.json dist/"

【讨论】：