样式组件包似乎不起作用:_styledComponents.default.h1不是函数

时间:2018-12-11 08:42:50

标签: javascript reactjs react-native npm styled-components

我仅实现了来自styled-components网站的一个基本示例。

我在iOS模拟器中遇到的错误是: _styledComponents.default.h1不是函数。 (在_styledComponents.default.h1(_template,plateObject())'中,'_ syledComponents.default.h1'未定义))

我猜样式化组件npm安装有问题。它确实警告我有关缺少对等依赖项的信息。像这样:

npm WARN react-native@0.57.1 requires a peer of react@16.5.0 but none is installed. You must install peer dependencies yourself.

当我尝试另一个示例时,例如制作一个简单的按钮,我也会遇到类似的错误。对我可能会缺少的东西有什么想法吗?还是我应该尝试的事情?

代码如下:

// Create a Title component that'll render an <h1> tag with some styles
const Title = styled.h1`
  font-size: 1.5em;
  text-align: center;
  color: palevioletred;
`;

 // Create a Wrapper component that'll render a <section> tag with some styles
const Wrapper = styled.section`
  padding: 4em;
  background: papayawhip;
`;

0 个答案:

没有答案