1

I am using webpack.

When I try run my app i am getting below error:

ERROR in ./src/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /var/www/oxygen/src/react_header/src/index.js: Unexpected token (10:2)

   8 | 
   9 | ReactDOM.render(
> 10 |   <App title={title} />,
     |   ^
  11 |   document.getElementById('app')
  12 | );

webpack.config.js

const webpack = require('webpack');

module.exports = {
  entry: './src/index.js',
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: ['babel-loader']
      }
    ]
  },
  resolve: {
    extensions: ['*', '.js', '.jsx']
  },
  output: {
    path: __dirname + '/dist',
    publicPath: '/',
    filename: 'bundle.js'
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin()
  ],
  devServer: {
    contentBase: './dist',
    hot: true
  }
};

It seems like the JSX isn't getting compiled by Babel, but I have the babel-loader in my Webpack rules.

Can anyone please look my code and help me to resolve this issue?

Nikul Panchal
  • 1,542
  • 3
  • 35
  • 58

0 Answers0