Javascript js错误：您可能需要一个合适的加载程序

我所做的只是导入一个npm包

import TimePicker from 'simple-timepicker-react'

render () {
    return (
      <div className='App'>
        <TimePicker />
      </div>
    )
  }

从“简单时间选择器”导入时间选择器
渲染（）{
返回(
)
}

在启动我的网络应用程序时，我在终端上遇到了这个错误

./node_modules/simple-timepicker-react/src/SimpleTimePicker.js
Module parse failed: Unexpected token (194:6)
You may need an appropriate loader to handle this file type.
| 
|     return (
|       <div id="datetime-selector" style={{ width: containerWidth }}>
|         <div className="placeholderInput-wrap">
|           <input

/node\u modules/simple timepicker react/src/SimpleTimePicker.js
模块分析失败：意外令牌（194:6）
您可能需要适当的加载程序来处理此文件类型。
| 
|返回(
|       
|         
|React使用一个名为。
为了将该语法转换为有效的JS，您需要使用一些工具。
一种可能的方法是使用和加载、转换和绑定脚本

使用with可以导入和使用JSX脚本

您可以使用React检查此项目中的配置


在webpack.config.js和.babelrc文件中配置babel加载程序：

B.法律改革委员会

DevDependencies：
babel core
，
babel loader
，
babel preset env
，
babel preset react
，
webpack
，
webpack cli
一个JSX加载器。您可以使用TypeScript或babel提前传输JSX，也可以使用各自的webpack loader中的任何一个，仅在ly。当然还有很多其他选项。@AluanHaddad我安装的react不能使用jsx？我很困惑。react是一个强调jsx的框架，但它没有实现或附带jsx编译器。你需要使用第三方工具。jsx本身不是有效的javascript，它必须转换为实际的javascript。如何转换取决于d，但它很可能涉及如下内容：而且…发布的代码似乎没有定义组件…即使使用适当的加载程序，通常我认为您需要将
React
导入范围才能在模块中使用JSX。。。
module.exports = {
    module: {
        rules: [
            {
                test: /.jsx?$/,
                loader: 'babel-loader',
                exclude: /node_modules/
            },
        ]
    }
    // ...
};

{
    "presets": ["babel-preset-env", "babel-preset-react"]
}