webpack5配置过程中遇到的一些问题

2022-03-15

开发新项目，兴致勃勃地要用最新版webpack做一套打包配置，关联的许多包发生了不少变化，各种报错。

问题一

error @eslint/eslintrc@1.2.1: The engine "node" is incompatible with this module. Expected version "^12.22.0 || ^14.17.0 || >=16.0.0".

提示很明显，需要调整node版本。不过，node版本更新，往往会牵涉的东西较多，出现新问题的概率自然很大，建议直接忽略版本提示，一步到位：

yarn config set ignore-engines true

问题二

webpack-dev-server - options has an unknown property 'contentBase'

contentBase已经换名为static:

  devServer: {
    ...
    static: './public',
    ...
  },

问题三

TypeError: eslint.CLIEngine is not a constructor

eslint-loader TypeError: Cannot read property 'getFormatter' of undefined

原因不详，换回旧版本解决了：

    "eslint": "^5.16.0",
    "eslint-loader": "^2.1.2",
    "eslint-plugin-react": "^7.12.4",

注：webpack的问题层出不穷，如果手上已有一套打包配置方案，最好不要再自我折腾搞新的配置。

（版权归cpury.com所有，转载请注明出处。）

WEB开发