当前没有加载器配置为在构建反应应用程序时处理此文件错误

如何解决当前没有加载器配置为在构建反应应用程序时处理此文件错误

我有合适的装载机，但在我尝试构建时由于某种原因没有被捡起？我正在尝试部署到 netlify，如果 index.js 没有任何反应代码，它就会成功构建，但是我的网站只是收到“找不到页面”消息

在 configs/webpack 中的 common.js：

const { resolve } = require('path')
const { CheckerPlugin } = require('awesome-typescript-loader')
const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
  resolve: {
    extensions: ['.ts','.tsx','.js','.jsx'],alias: {
      'react-dom': '@hot-loader/react-dom'
    }
  },context: resolve(__dirname,'../../src'),module: {
    rules: [
      {
        test: /\.js$/,use: ['babel-loader','source-map-loader'],exclude: /node_modules/,},{
        test: /\.tsx?$/,'awesome-typescript-loader'],{
        test: /\.css$/,use: ['style-loader',{ loader: 'css-loader',options: { importLoaders: 1 } }],{
        test: /\.(scss|sass)$/,loaders: [
          'style-loader',options: { importLoaders: 1 } },'sass-loader',],{
        test: /\.(jpe?g|png|gif|svg)$/i,loaders: [
          'file-loader?hash=sha512&digest=hex&name=img/[hash].[ext]','image-webpack-loader?bypassOnDebug&optipng.optimizationLevel=7&gifsicle.interlaced=false',plugins: [new CheckerPlugin(),new HtmlWebpackPlugin({ template: 'index.html' })],externals: {
    react: 'React','react-dom': 'ReactDOM',performance: {
    hints: false,}

.babelrc

{
  "presets": [
    ["@babel/preset-env",{"modules": false}],"@babel/preset-react"
  ],"plugins": [
    "react-hot-loader/babel"
  ],"env": {
    "test": {
      "presets": ["@babel/preset-env","@babel/preset-react"]
    }
  }
}

index.js:

import * as React from 'react'
import { render } from 'react-dom'
import { Provider } from 'react-redux'
import store from './redux/store'
import App from './components/App'
import './reset.scss'

render(
  <Provider store={store}>
    <App />
  </Provider>,document.getElementById('root'),)

我的目录树：