Webpack无法访问node_modules？模块构建失败（来自./node_modules/babel-loader/lib/index.js）

Question

我正在React中创建一个UI，并试图使用React-Select（https://github.com/JedWatson/react-select），但是无论我做什么，我都会遇到相同的错误：

我使用npm命令成功安装了npm我的组件，我的反应选择。这是我的选择组件代码：

import React from 'react';
import Select from 'react-select';
import 'react-select/dist/react-select.css';

class Selector extends React.Component {

    state = {selectedOption: '',}

    handleChange = (selectedOption) => {
        this.setState({ selectedOption });
        // selectedOption can be null when the `x` (close) button is clicked
        if (selectedOption) {
            console.log(`Selected: ${selectedOption.label}`);
        }
    }

    render() {
        const { selectedOption } = this.state;

        return (

          <Select name="form-field-name" value={selectedOption} onChange={this.handleChange} options={[{ value: 'one', label: 'One' },{ value: 'two', label: 'Two' },]} />

        );
  }
}

export default Selector;

这是我的整个webpack.config.js文件：

这是我的package.json文件：

我也尝试使用React-Selectize，但是即使我确定正确安装了文件，在尝试构建文件时也遇到了相同的错误。我对Webpack不够熟悉，但是我怀疑我一定错过了配置文件中的某些内容。如何访问React组件？任何帮助表示赞赏！谢谢。