Unable to resolve “styled-components” from “node_modulesreact-simple-chatbot”react-router - pass props to handler componentCan you force a React component to rerender without calling setState?How to conditionally add attributes to React components?Error Running React Native App From Terminal (iOS)React: Parent component re-renders all children, even those that haven't changed on state changeHow to structure react app to render components properly?Using React Router within child componentUsing styled-components with props from React componentAdd styles to Styled Component custom Component in React NativeHow to resolve errors in my Search component? React + Firebase

bash script: "*.jpg" expansion not working as expected inside $(...), for picking a random file

Logarithm of exponential

Déjà vu, again?

What language is software running on the ISS written in?

Generate a Graeco-Latin square

Cycle through MeshStyle directives in ListLinePlot

Is open-sourcing the code of a webapp not recommended?

Is counterpoint still used today?

Why was the Sega Genesis marketed as a 16-bit console?

Medieval flying castle propulsion

Why is one of Madera Municipal's runways labelled with only "R" on both sides?

Share calendar details request from manager's manager

Project Euler #7 10001st prime in C++

Were Alexander the Great and Hephaestion lovers?

Is it a problem if <h4>, <h5> and <h6> are smaller than regular text?

Are there downsides to using std::string as a buffer?

Preventing employees from either switching to competitors or opening their own business

Impedance ratio vs. SWR

Using "subway" as name for London Underground?

Why would future John risk sending back a T-800 to save his younger self?

How did old MS-DOS games utilize various graphic cards?

Should I avoid hard-packed crusher dust trails with my hybrid?

Compiling C files on Ubuntu and using the executable on Windows

What makes an item an artifact?



Unable to resolve “styled-components” from “node_modulesreact-simple-chatbot”


react-router - pass props to handler componentCan you force a React component to rerender without calling setState?How to conditionally add attributes to React components?Error Running React Native App From Terminal (iOS)React: Parent component re-renders all children, even those that haven't changed on state changeHow to structure react app to render components properly?Using React Router within child componentUsing styled-components with props from React componentAdd styles to Styled Component custom Component in React NativeHow to resolve errors in my Search component? React + Firebase






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;








0















I am trying to run my react application using expo cli and getting the following error while building the bundle.js.



Following is my App.js:



import React, Component from 'react';
import ChatBot from 'react-simple-chatbot';

let withTextToSpeech = [

id: '1',
component: <TextToSpeech msg="Hi" />,
trigger: '2',
,

id: '2',
user: true,
trigger: '3',
,

id: '3',
component: <TextToSpeech msg='What is your name?' />,
trigger: '4',
,

id: '4',
user: true,
trigger: '5',
,

id: '5',
component: <TextToSpeech msg = 'Nice to meet you!' />,
trigger: 6,
,

id: '6',
component: <TextToSpeech msg='How can i help you?' />,
trigger: 'search',
,

id: 'search',
user: true,
trigger: '7',

]

let withoutTextToSpeech = [

id: '1',
message: 'hi',
trigger: '2',
,

id: '2',
user: true,
trigger: '3',
,

id: '3',
message: 'What is your name?',
trigger: '4',
,

id: '4',
user: true,
trigger: '5',
,

id: '5',
message: 'Hi previousValue, nice to meet you!',
trigger: 6,
,

id: '6',
message: 'How can i help you?',
trigger: 'search',
,

id: 'search',
user: true,
trigger: '7',

]



class App extends Component

constructor( props )
super( props )

this.state=
textToSpeech: true,
steps : withTextToSpeech,
sessionId: sessionId

withTextToSpeech.push(ChatMessageElement)
withoutTextToSpeech.push(ChatMessageElement)


render()
console.log(this.state.textToSpeech)
return (
<div className="App">
<ChatBot
headerTitle="ChatBot"
recognitionEnable=true
steps=this.state.textToSpeech ? withTextToSpeech : withoutTextToSpeech
/>
</div>
);



export default App;


help will be really appreciated.










share|improve this question




























    0















    I am trying to run my react application using expo cli and getting the following error while building the bundle.js.



    Following is my App.js:



    import React, Component from 'react';
    import ChatBot from 'react-simple-chatbot';

    let withTextToSpeech = [

    id: '1',
    component: <TextToSpeech msg="Hi" />,
    trigger: '2',
    ,

    id: '2',
    user: true,
    trigger: '3',
    ,

    id: '3',
    component: <TextToSpeech msg='What is your name?' />,
    trigger: '4',
    ,

    id: '4',
    user: true,
    trigger: '5',
    ,

    id: '5',
    component: <TextToSpeech msg = 'Nice to meet you!' />,
    trigger: 6,
    ,

    id: '6',
    component: <TextToSpeech msg='How can i help you?' />,
    trigger: 'search',
    ,

    id: 'search',
    user: true,
    trigger: '7',

    ]

    let withoutTextToSpeech = [

    id: '1',
    message: 'hi',
    trigger: '2',
    ,

    id: '2',
    user: true,
    trigger: '3',
    ,

    id: '3',
    message: 'What is your name?',
    trigger: '4',
    ,

    id: '4',
    user: true,
    trigger: '5',
    ,

    id: '5',
    message: 'Hi previousValue, nice to meet you!',
    trigger: 6,
    ,

    id: '6',
    message: 'How can i help you?',
    trigger: 'search',
    ,

    id: 'search',
    user: true,
    trigger: '7',

    ]



    class App extends Component

    constructor( props )
    super( props )

    this.state=
    textToSpeech: true,
    steps : withTextToSpeech,
    sessionId: sessionId

    withTextToSpeech.push(ChatMessageElement)
    withoutTextToSpeech.push(ChatMessageElement)


    render()
    console.log(this.state.textToSpeech)
    return (
    <div className="App">
    <ChatBot
    headerTitle="ChatBot"
    recognitionEnable=true
    steps=this.state.textToSpeech ? withTextToSpeech : withoutTextToSpeech
    />
    </div>
    );



    export default App;


    help will be really appreciated.










    share|improve this question
























      0












      0








      0








      I am trying to run my react application using expo cli and getting the following error while building the bundle.js.



      Following is my App.js:



      import React, Component from 'react';
      import ChatBot from 'react-simple-chatbot';

      let withTextToSpeech = [

      id: '1',
      component: <TextToSpeech msg="Hi" />,
      trigger: '2',
      ,

      id: '2',
      user: true,
      trigger: '3',
      ,

      id: '3',
      component: <TextToSpeech msg='What is your name?' />,
      trigger: '4',
      ,

      id: '4',
      user: true,
      trigger: '5',
      ,

      id: '5',
      component: <TextToSpeech msg = 'Nice to meet you!' />,
      trigger: 6,
      ,

      id: '6',
      component: <TextToSpeech msg='How can i help you?' />,
      trigger: 'search',
      ,

      id: 'search',
      user: true,
      trigger: '7',

      ]

      let withoutTextToSpeech = [

      id: '1',
      message: 'hi',
      trigger: '2',
      ,

      id: '2',
      user: true,
      trigger: '3',
      ,

      id: '3',
      message: 'What is your name?',
      trigger: '4',
      ,

      id: '4',
      user: true,
      trigger: '5',
      ,

      id: '5',
      message: 'Hi previousValue, nice to meet you!',
      trigger: 6,
      ,

      id: '6',
      message: 'How can i help you?',
      trigger: 'search',
      ,

      id: 'search',
      user: true,
      trigger: '7',

      ]



      class App extends Component

      constructor( props )
      super( props )

      this.state=
      textToSpeech: true,
      steps : withTextToSpeech,
      sessionId: sessionId

      withTextToSpeech.push(ChatMessageElement)
      withoutTextToSpeech.push(ChatMessageElement)


      render()
      console.log(this.state.textToSpeech)
      return (
      <div className="App">
      <ChatBot
      headerTitle="ChatBot"
      recognitionEnable=true
      steps=this.state.textToSpeech ? withTextToSpeech : withoutTextToSpeech
      />
      </div>
      );



      export default App;


      help will be really appreciated.










      share|improve this question














      I am trying to run my react application using expo cli and getting the following error while building the bundle.js.



      Following is my App.js:



      import React, Component from 'react';
      import ChatBot from 'react-simple-chatbot';

      let withTextToSpeech = [

      id: '1',
      component: <TextToSpeech msg="Hi" />,
      trigger: '2',
      ,

      id: '2',
      user: true,
      trigger: '3',
      ,

      id: '3',
      component: <TextToSpeech msg='What is your name?' />,
      trigger: '4',
      ,

      id: '4',
      user: true,
      trigger: '5',
      ,

      id: '5',
      component: <TextToSpeech msg = 'Nice to meet you!' />,
      trigger: 6,
      ,

      id: '6',
      component: <TextToSpeech msg='How can i help you?' />,
      trigger: 'search',
      ,

      id: 'search',
      user: true,
      trigger: '7',

      ]

      let withoutTextToSpeech = [

      id: '1',
      message: 'hi',
      trigger: '2',
      ,

      id: '2',
      user: true,
      trigger: '3',
      ,

      id: '3',
      message: 'What is your name?',
      trigger: '4',
      ,

      id: '4',
      user: true,
      trigger: '5',
      ,

      id: '5',
      message: 'Hi previousValue, nice to meet you!',
      trigger: 6,
      ,

      id: '6',
      message: 'How can i help you?',
      trigger: 'search',
      ,

      id: 'search',
      user: true,
      trigger: '7',

      ]



      class App extends Component

      constructor( props )
      super( props )

      this.state=
      textToSpeech: true,
      steps : withTextToSpeech,
      sessionId: sessionId

      withTextToSpeech.push(ChatMessageElement)
      withoutTextToSpeech.push(ChatMessageElement)


      render()
      console.log(this.state.textToSpeech)
      return (
      <div className="App">
      <ChatBot
      headerTitle="ChatBot"
      recognitionEnable=true
      steps=this.state.textToSpeech ? withTextToSpeech : withoutTextToSpeech
      />
      </div>
      );



      export default App;


      help will be really appreciated.







      reactjs react-native chatbot styled-components






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Mar 24 at 17:02









      Raman MishraRaman Mishra

      1,5941420




      1,5941420






















          1 Answer
          1






          active

          oldest

          votes


















          0














          yarn add styled-components


          import styled from 'styled-components'





          share|improve this answer























          • I think simple-react-chatbot has the dependency for styled component what is the use of using some library if it doesn’t download internal dependency.

            – Raman Mishra
            Mar 25 at 12:36











          • I have not used react-simple-chatbot but I assume there is an error in the dependency tree of the package which is not an unusual problem in the npm world. You could probably file an issue on github. Anyway I guess the answer solved the problem?

            – flx
            Mar 25 at 18:56











          • I didn’t tried tho I will and if it solved my problem I will be happy to accept the answer.

            – Raman Mishra
            Mar 26 at 3:01











          • this did't work for me

            – Raman Mishra
            Apr 9 at 6:07











          Your Answer






          StackExchange.ifUsing("editor", function ()
          StackExchange.using("externalEditor", function ()
          StackExchange.using("snippets", function ()
          StackExchange.snippets.init();
          );
          );
          , "code-snippets");

          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "1"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );













          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55326291%2funable-to-resolve-styled-components-from-node-modules-react-simple-chatbot%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          1 Answer
          1






          active

          oldest

          votes








          1 Answer
          1






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes









          0














          yarn add styled-components


          import styled from 'styled-components'





          share|improve this answer























          • I think simple-react-chatbot has the dependency for styled component what is the use of using some library if it doesn’t download internal dependency.

            – Raman Mishra
            Mar 25 at 12:36











          • I have not used react-simple-chatbot but I assume there is an error in the dependency tree of the package which is not an unusual problem in the npm world. You could probably file an issue on github. Anyway I guess the answer solved the problem?

            – flx
            Mar 25 at 18:56











          • I didn’t tried tho I will and if it solved my problem I will be happy to accept the answer.

            – Raman Mishra
            Mar 26 at 3:01











          • this did't work for me

            – Raman Mishra
            Apr 9 at 6:07















          0














          yarn add styled-components


          import styled from 'styled-components'





          share|improve this answer























          • I think simple-react-chatbot has the dependency for styled component what is the use of using some library if it doesn’t download internal dependency.

            – Raman Mishra
            Mar 25 at 12:36











          • I have not used react-simple-chatbot but I assume there is an error in the dependency tree of the package which is not an unusual problem in the npm world. You could probably file an issue on github. Anyway I guess the answer solved the problem?

            – flx
            Mar 25 at 18:56











          • I didn’t tried tho I will and if it solved my problem I will be happy to accept the answer.

            – Raman Mishra
            Mar 26 at 3:01











          • this did't work for me

            – Raman Mishra
            Apr 9 at 6:07













          0












          0








          0







          yarn add styled-components


          import styled from 'styled-components'





          share|improve this answer













          yarn add styled-components


          import styled from 'styled-components'






          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Mar 25 at 10:06









          flxflx

          1287




          1287












          • I think simple-react-chatbot has the dependency for styled component what is the use of using some library if it doesn’t download internal dependency.

            – Raman Mishra
            Mar 25 at 12:36











          • I have not used react-simple-chatbot but I assume there is an error in the dependency tree of the package which is not an unusual problem in the npm world. You could probably file an issue on github. Anyway I guess the answer solved the problem?

            – flx
            Mar 25 at 18:56











          • I didn’t tried tho I will and if it solved my problem I will be happy to accept the answer.

            – Raman Mishra
            Mar 26 at 3:01











          • this did't work for me

            – Raman Mishra
            Apr 9 at 6:07

















          • I think simple-react-chatbot has the dependency for styled component what is the use of using some library if it doesn’t download internal dependency.

            – Raman Mishra
            Mar 25 at 12:36











          • I have not used react-simple-chatbot but I assume there is an error in the dependency tree of the package which is not an unusual problem in the npm world. You could probably file an issue on github. Anyway I guess the answer solved the problem?

            – flx
            Mar 25 at 18:56











          • I didn’t tried tho I will and if it solved my problem I will be happy to accept the answer.

            – Raman Mishra
            Mar 26 at 3:01











          • this did't work for me

            – Raman Mishra
            Apr 9 at 6:07
















          I think simple-react-chatbot has the dependency for styled component what is the use of using some library if it doesn’t download internal dependency.

          – Raman Mishra
          Mar 25 at 12:36





          I think simple-react-chatbot has the dependency for styled component what is the use of using some library if it doesn’t download internal dependency.

          – Raman Mishra
          Mar 25 at 12:36













          I have not used react-simple-chatbot but I assume there is an error in the dependency tree of the package which is not an unusual problem in the npm world. You could probably file an issue on github. Anyway I guess the answer solved the problem?

          – flx
          Mar 25 at 18:56





          I have not used react-simple-chatbot but I assume there is an error in the dependency tree of the package which is not an unusual problem in the npm world. You could probably file an issue on github. Anyway I guess the answer solved the problem?

          – flx
          Mar 25 at 18:56













          I didn’t tried tho I will and if it solved my problem I will be happy to accept the answer.

          – Raman Mishra
          Mar 26 at 3:01





          I didn’t tried tho I will and if it solved my problem I will be happy to accept the answer.

          – Raman Mishra
          Mar 26 at 3:01













          this did't work for me

          – Raman Mishra
          Apr 9 at 6:07





          this did't work for me

          – Raman Mishra
          Apr 9 at 6:07



















          draft saved

          draft discarded
















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55326291%2funable-to-resolve-styled-components-from-node-modules-react-simple-chatbot%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          Kamusi Yaliyomo Aina za kamusi | Muundo wa kamusi | Faida za kamusi | Dhima ya picha katika kamusi | Marejeo | Tazama pia | Viungo vya nje | UrambazajiKuhusu kamusiGo-SwahiliWiki-KamusiKamusi ya Kiswahili na Kiingerezakuihariri na kuongeza habari

          Swift 4 - func physicsWorld not invoked on collision? The Next CEO of Stack OverflowHow to call Objective-C code from Swift#ifdef replacement in the Swift language@selector() in Swift?#pragma mark in Swift?Swift for loop: for index, element in array?dispatch_after - GCD in Swift?Swift Beta performance: sorting arraysSplit a String into an array in Swift?The use of Swift 3 @objc inference in Swift 4 mode is deprecated?How to optimize UITableViewCell, because my UITableView lags

          Access current req object everywhere in Node.js ExpressWhy are global variables considered bad practice? (node.js)Using req & res across functionsHow do I get the path to the current script with Node.js?What is Node.js' Connect, Express and “middleware”?Node.js w/ express error handling in callbackHow to access the GET parameters after “?” in Express?Modify Node.js req object parametersAccess “app” variable inside of ExpressJS/ConnectJS middleware?Node.js Express app - request objectAngular Http Module considered middleware?Session variables in ExpressJSAdd properties to the req object in expressjs with Typescript