Reactjs 您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来使用React和Babel处理此文件

我的代码在一小时前工作正常，但突然出现下面的错误。我不记得做过任何具体的改变。 ./src/index.js中出现错误5:16 模块分析失败：意外令牌（5:16） 您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。看见 |从“./components/App”导入应用程序； |

ReactDOM.render（，document.getElementById（'app'））； ℹ ｢wdm：未能编译。'

我的webpack配置文件是webpack.config.js，如下所示

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');


module.exports = {
    entry: './src/index.js',
    output: {
        path: path.join(__dirname, '/dist'),
        filename: 'index_bundle.js'
    },
    module : {
        rules: [
            {
                test: /\.svg$/,
                loader: 'svg-inline-loader'
            },
            {
                test: /\.js$/,
                exclude: /node-modules/,
                use: 'babel-loader' 
            },
            {
            test:/\.(s*)css$/,
            use:['style-loader','css-loader', 'sass-loader']

            },
            {
                test: /\.(jpg|png)$/,
                use: {
                  loader: 'url-loader',
                },
              },
        ]
    },

    plugins: [
        new HtmlWebpackPlugin({
                template:'./src/index.html'
            }),
            // new MiniCssExtractPlugin({
            //          filename: isDevelopment ? '[name].css' : '[name].[hash].css',
            //       chunkFilename: isDevelopment ? '[id].css' : '[id].[hash].css'
            //         })
    ]
}

App.js如下所示

import React, { Component } from 'react';



class App extends Component {
    render() {
        return (
                <div className="">
                <h1>Checkk</h1>
                   </div>     
        )
    }
}

export default  App;

import React，{Component}来自'React'；
类应用程序扩展组件{
render（）{
返回(
切克
)
}
}
导出默认应用程序；

我的index.js如下

import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/App';

ReactDOM.render(<App />, document.getElementById('app'));

从“React”导入React；
从“react dom”导入react dom；
从“./components/App”导入应用程序；
ReactDOM.render（，document.getElementById（'app'））；

---

请帮忙！1

应用程序是JS文件还是JSX文件？您的index.html中是否有？