Сбой синтаксического анализа модуля: неожиданный токен (6:16) при сборке реагирует с веб-пакетом

Question

Новое в веб-паке с реагировать.Получение этой ошибки при сборке веб-пакета.

ОШИБКА в ./dist/index.js 6:16 Ошибка синтаксического анализа модуля: неожиданный токен (6:16) Вам может потребоваться соответствующий загрузчик для обработки этого типа файлов.||

ReactDOM.render (<Fetch />, document.getElementById ("root"))

dist / index.js

import React, { Component } from "react";
import ReactDOM from "react-dom";
import Fetch from "../src/index"


ReactDOM.render(<Fetch />, document.getElementById("root"))

webpack.config.js

var path = require('path');
module.exports = {
  entry: './dist/index.js',
  output: {
    path: path.resolve(__dirname, './'),
    filename: 'index.js',
    libraryTarget: 'commonjs2'
  },

  resolve: {
    extensions: [  '.js', '.jsx']
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        include: path.resolve(__dirname, './src'),
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: { 
            presets: ['@babel/preset-env', '@babel/react'],
            plugins:['@babel/plugin-proposal-class-properties']
          }
        }
      }
    ]
  },
  devServer: {
    contentBase: path.join(__dirname, "dist"),
    compress: true,
    port: 9000,
    watchContentBase: true,
    progress: true
  },
  externals: {
    'react': 'commonjs react',
    'reactDOM': 'react-dom'
  },
};

src / index.js

import Fetch from './Fetch';

export default Fetch;

Answer 1

Мне удалось получить Webpack для сборки, используя ваш webpack.config.js, удалив строку:

include: path.resolve(__dirname, './src')

, которая находится в пределах rules для babel-loader.Я также изменил путь вывода:

path: __dirname