在使用Chatbot时没有定义require

Question

我是React JS的新手，我正在设置chatbot作为反应。
我面临ReferenceError: require is not defined错误

如何解决这个问题。

var ChatBot  = require('react-simple-chatbot');

const steps = [
  {
    id: '0',
    message: 'Welcome to react chatbot!',
    trigger: '1',
  },
  {
id: '1',
message: 'Bye!',
end: true,
 },
 ];

ReactDOM.render(
   <div>
    <ChatBot steps={steps} />
  </div>,
   document.getElementById('root')
 );

Answer 1

基本上，您需要转换浏览器的源代码，将require调用替换为实际的模块代码。看看这些实用程序：

• http://browserify.org/ - 它确实完成了您需要的转换
• https://webpack.github.io/ - 一个更复杂的Web打包框架，具有许多其他有用的功能。

我推荐第二个。