Question

我正在尝试将应用程序部署到heroku，但出现以下错误：

无效的配置对象。已使用与API模式不匹配的配置对象初始化Webpack。 -配置具有未知属性“别名”。这些属性有效：对象{amd，bail，cache，context，依赖项，devServer，devtool，entry，externals，loader，mode，module，name，node，optimization，output，并行性，性能，插件，配置文件，recordsInputPath，recordsOutputPath，recordsPath，resolve，resolveLoader，servs，stats，target，watch，watchOptions？ } 对于错别字：请更正它们。对于加载程序选项：webpack> = v2.0.0不再允许配置中的自定义属性。应该更新加载程序，以允许通过module.rules中的加载程序选项传递选项。在加载程序更新之前，可以使用LoaderOptionsPlugin将这些选项传递给加载程序：插件：[ 新的webpack.LoaderOptionsPlugin（{ //测试：/。xxx $ /，//仅可将其应用于某些模块选项：{ 别名：… } }） ]

这是我的webpack.config.js的样子：

const path = require('path');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');


module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, '../', 'build'),
    filename: 'bundle.js',
  },
  devServer: {
    contentBase: path.resolve(__dirname, 'build'),
    port: 9000,
    historyApiFallback: true,
  },
  module: {
    rules: [
      { test: /\.(js)$/, exclude: /node_modules/, use: ['babel-loader', 'eslint-loader'] },
      { test: /\.(css|sass|scss)$/, use: ['style-loader', 'css-loader', 'sass-loader'] },
      { test: /\.(gif|png|jpe?g|svg)$/i, use: 'file-loader' },
    ],
  },
  resolve: {
    extensions: ['.js', '.jsx'],
    alias: {
      '@': path.resolve(__dirname, '../', 'src/'),
      '@Utils': path.resolve(__dirname, '../', 'src/utils/'),
      '@Common': path.resolve(__dirname, '../', 'src/components/common/'),
      '@Layouts': path.resolve(__dirname, '../', 'src/components/layouts/'),
      '@Pages': path.resolve(__dirname, '../', 'src/components/layouts/pages/'),
    },
  },
  plugins: [
    new CleanWebpackPlugin(),
    new HtmlWebpackPlugin({
      template: 'public/index.html',
      favicon: 'public/favicon.png',
    }),
  ],
};

Webpack（Heroku）问题：无效的配置对象。已使用与API模式不匹配的配置对象初始化了Webpack

0 个答案: