无法在网站上显示图像Webpack React-dom意外语法

Question

错误信息：

 webpack-dev-server

/home/panecitodigital/Desktop/react-course-projects/cse-app/webpack.config.js:35
  };
   ^

我的webpack.config.js

直到我尝试添加文件加载器以处理图像时，它的工作情况都很好，每次我尝试更正cmd告诉我有一个新错误的错误时，我都会尝试修复该错误。 一个新手尝试过网络上的解决方案，但也没有结果。 请帮助:)当我不是新人时会给予奖励

const path = require('path');

module.exports = {
  entry: './src/app.js',
  output: {
    path: path.join(__dirname, 'public'),
    filename: 'bundle.js'
  },
  module: {
    rules: [{
      loader: 'babel-loader',
      test: /\.js$/,
      exclude: /node_modules/
    }, {
      test:    /\.s?css$/,
      use: [
        'style-loader',
        'css-loader',
        'sass-loader',
      ]
    },
    {
      test : /\.jpg$/,
      exclude: /(node_modules)/,
      loader : 'file-loader'
    }],
  devtool: 'cheap-module-eval-source-map',
  devServer: {
    contentBase: path.join(__dirname, 'public'),
    historyApiFallback: true,
  }
  };

Answer 1

看来您在模块中的规则后缺少} 。 该错误显示在最后一行，因为它不期望使用; 期待另外一个}关闭整个对象。

const path = require('path');

module.exports = {
  entry: './src/app.js',
  output: {
    path: path.join(__dirname, 'public'),
    filename: 'bundle.js'
  },
  module: {
    rules: [
      {
        loader: 'babel-loader',
        test: /\.js$/,
        exclude: /node_modules/
      },
      {
        test:    /\.s?css$/,
        use: [
          'style-loader',
          'css-loader',
          'sass-loader'
        ]
      },
      {
        test : /\.jpg$/,
        exclude: /(node_modules)/,
        loader : 'file-loader'
      }
    ]
  },   // <---- this is missing
  devtool: 'cheap-module-eval-source-map',
  devServer: {
    contentBase: path.join(__dirname, 'public'),
    historyApiFallback: true,
  }
};

Answer 2

module.exports = {
  entry: './src/app.js',
  output: {
    path: path.join(__dirname, 'public'),
    filename: 'bundle.js'
  },
  devtool: 'cheap-module-eval-source-map',
  devServer: {
    contentBase: path.join(__dirname, 'public'),
    historyApiFallback: true,
  },
  module: {
    rules:[
      {
        loader: 'babel-loader',
        test: /\.js$/,
        exclude: /node_modules/
      }, {
        test:    /\.s?css$/,
        use: [
        'style-loader',
        'css-loader',
        'sass-loader',
        ]
        },
        {
        test : /\.jpg$/,
        exclude: /(node_modules)/,
        loader : 'file-loader'
        }
    ]
  }


};