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']
}
Menu