reactjs - 模块解析失败：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"]
}