React Project need an appropriate loader to handle this file type

react project reported an error:

    You may need an appropriate loader to handle this file type.
    |
    > ReactDOM.render(<App />, document.getElementById("app"));

webpack

    {
                test: /\.js$/,
                exclude: "/node_modules/",
                use: ["babel-loader"]
            },

.babelrc:

    {
      "presets": ["env", "react"]
    }

index.js

    import React from "react";
    import ReactDOM from "react-dom";
    import App from "./components/App";
    
    import "./styles/index.scss";
    
    ReactDOM.render(<App />, document.getElementById("app"));
Jun.12,2021

install sass-loader


babel should be configured to support jsx syntax

npm install babel-preset-react --save-dev
{
    presets: ['es2015', 'react']
}
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e53888-43d1a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e53888-43d1a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?