How to fix error “you may need an appropriate loader to handle this file type” ?

Question

cassidymuller

Asked: April 30, 20222022-04-30T09:33:41+00:00 2022-04-30T09:33:41+00:00In: javascript

. Advertisement .

..3..

. Advertisement .

..4..

I get the error message “you may need an appropriate loader to handle this file type …” when compiling ES6 assets.

Here is the detail of the error I got

You may need an appropriate loader to handle this file type.
| import React from 'react';
| /*
| import { render } from 'react-dom'

I’m using ‘babel-loader’ 6.0.0, it doesn’t seem to work. Please guide me how to fix it

You must login to add an answer.

Need An Account,

romapacocha · Answer 1 · 2022-04-30T09:41:18+00:00

Please follow these steps
1) Install es2015 preset

npm install babel-preset-es2015

2) Configure babel-loader

{
   test: /\.js$/,
   loader: 'babel-loader',
   exclude: /node_modules/
}

add a .babelrc file to the root of your project:

{
    "presets": ["es2015", "stage-0", "react"]
}