无法解析样式化组件？

Question

问题：

我正在使用expo-cli使用react-simple-chatbot创建一个应用程序。这就是我的组件的外观。

import React, { PureComponent } from "react";
import ChatBot from "react-simple-chatbot";

class Trafficbot extends PureComponent {
  static navigationOptions = {
    title: "Trafficbot",
    headerStyle: {
      backgroundColor: "#06153b"
    },
    headerTintColor: "#fff",
    headerTitleStyle: {
      color: "#ffff"
    }
  };

  render() {
    return (
      <ChatBot
        headerTitle="Speech Recognition"
        recognitionEnable={true}
        steps={[
          {
            id: "1",
            message: "What is your name?",
            trigger: "2"
          },
          {
            id: "2",
            user: true,
            trigger: "3"
          },
          {
            id: "3",
            message: "Hi {previousValue}, nice to meet you!",
            end: true
          }
        ]}
      />
    );
  }
}

export default Trafficbot;

但是当我运行该应用程序时，它给了我这样的错误。

ERROR
15:44
Unable to resolve "styled-components" from "node_modules\react-simple-chatbot\dist\react-simple-chatbot.js"
ERROR
15:44
Building JavaScript bundle: error 

我正在寻找解决方案。然后，我找到了一个解决方案，该解决方案是安装样式化的组件依赖项。然后，它向我显示了一个错误，指出关键帧中存在该问题。有人可以帮我解决这个问题吗？谢谢！。