模块解析失败：filename.jsx，您可能需要一个合适的加载器来处理此文件类型

Question

我想在我的reactjs应用程序中集成twilio聊天。为此我使用“twilio-ip-messaging-react”包。我安装了它。当我运行应用程序时，我遇到了错误。

./~/twilio-ip-messaging-react/ip_chat_client.jsx
Module parse failed: 
/home/projectName/node_modules/twilio-ip-messaging-react/ip_chat_client.jsx Unexpected token (56:8)
You may need an appropriate loader to handle this file type.
|     if (this.state.messagingClient) {
|       return (
|         <div>
|           <IPChatChannelManager
|             messagingClient={this.state.messagingClient}

我也改变了webpack.js，但仍然遇到同样的错误。

任何人都可以告诉我如何修复它以及为什么会出现这个错误？

谢谢大家。

Answer 1

您可以查看您的webpack配置文件，看起来您不支持* .jsx文件。

尝试在webpack配置中插入这些行

resolve: {
   extensions: [".js", ".json", ".jsx"]
}