开发服务器已使用与 API 架构不匹配的选项对象进行初始化

Question

将 Angular 8 升级到 9 后，我收到以下错误，

        An unhandled exception occurred: Invalid options object. Dev Server has been 
          initialized using an options object that does not match the API schema.
           - options has an unknown property 'contentBase'. These properties are 
          valid:
            object { allowedHosts?, bonjour?, client?, compress?, devMiddleware?, 
          headers?, historyApiFallback?, host?, hot?, http2?, https?, ipc?, 
          liveReload?, magicHtml?, onAfterSetupMiddleware?, 
           See "/private/var/folders/fp/tmjy2_2j15s50f6qpyj6x6mm0000gr/T/ng- 
           xbMtW3/angular-errors.log" for further details.

从我读到的内容来看，我明白这与 webpack 有关 - 因为我没有 webpack 配置经验 - 我真的不知道从哪里开始。

这是我的 webpack.config.js

    'use strict';
const path = require('path');
const SpritesmithPlugin = require('webpack-spritesmith');

const plugins = [
  new SpritesmithPlugin({
    src: {
      cwd: path.resolve(__dirname, 'src/styles/icons'),
      glob: '*.png'
    },
    target: {
      image: path.resolve(__dirname, 'src/assets/images/sprite.png'),
      css: path.resolve(__dirname, 'src/styles/_ui-sprite.scss')
    },
    apiOptions: {
      cssImageRef: "assets\/images\/sprite.png",
      generateSpriteName: function (sprite) {
        return 'icon-' + path.basename(sprite, '.png');
      }
    }
  })
];

module.exports = {
  context: __dirname,
  mode: 'development',
  entry: {'doNotTouch': './doNotTouch.ts'},

  output: {
    path: __dirname,
    filename: '[name].js'
  },

  plugins: plugins,

  module: {
    rules: []
  }
};

Answer 1

这很可能与您在不同文件夹中下载的模块的版本冲突有关。

删除所有节点模块和 Web 包并重新安装它们。