Webpack.config.js:配置具有未知属性“默认”

Question

我已经把所有的东西从一个工作项目(最终-热-重新加载-示例)转移到我现有的使用keystone cms的项目。我将项目中的所有dev依赖项卸载，并将工作项目中的所有完全依赖项安装到我的项目中(webpack、babel等)。

由于某些原因，web.config.js文件将不解析es6语法

export default 

这就产生了这个错误：

- configuration has an unknown property 'default'.

如果我切换到以下内容，它就能工作：

const config = ...
module.exports = config;

在我的项目的其他地方，我使用了其他的es6语法，并且它可以.

下面是package.json中的依赖项，它与具有“导出默认”语法的示例项目完美地工作。

"dependencies": {
"babel-cli": "^6.10.1",
"babel-core": "^6.10.4",
"babel-eslint": "^8.2.3",
"babel-loader": "^7.1.1",
"babel-plugin-react-transform": "^3.0.0",
"babel-plugin-transform-runtime": "^6.9.0",
"babel-preset-env": "^1.7.0",
"babel-preset-react": "^6.11.1",
"babel-register": "^6.9.0",
"babel-runtime": "^6.9.2",
"chokidar": "^2.0.3",
"css-loader": "^0.28.11",
"css-modules-require-hook": "^4.0.1",
"eslint": "^4.19.1",
"eslint-plugin-react": "^7.8.1",
"express": "^4.14.0",
"prop-types": "^15.6.1",
"react": "^16.3.2",
"react-dom": "^16.3.2",
"react-hot-loader": "^4.1.3",
"react-redux": "^5.0.7",
"redux": "^4.0.0",
"style-loader": "^0.21.0",
"webpack": "^4.8.3",
"webpack-dev-middleware": "^3.1.3",
"webpack-hot-middleware": "^2.12.1",
"webpack-node-externals": "^1.7.2"

知道为什么会发生这种事吗？

Answer 1

我也有一个类似的问题，那就是我从require(...)到import(...)的不恰当的迁移。

我替换了这个代码：

const common = require("./webpack.common");
module.exports = merge(common, {...})

通过以下方式：

const common = await import("./webpack.common.js");
export default merge(common, .....)

问题是我没有使用来自webpack.common.js的webpack.common.js导出。解决办法是：

const common = await import("./webpack.common.js");
export default merge(common.default, .....)