javascript - Webpack 2.4.1 中的无效配置对象错误

Question

我一直在尝试使用 Webpack 编译我的 React 应用程序，但收到一个错误:

configuration.resolve has an unknown property 'root'. These properties are valid: object { alias?, aliasFields?, cachePredicate?, descriptionFiles?, enforceExtension?, enforceModuleExtension?, extensions?, fileSystem?, mainFields?, mainFiles?, moduleExtensions?, modules?, plugins?, resolver?, symlinks?, unsafeCache?, useSyncFileSystemCalls?

我确信目录中的文件位于正确的位置。以下是 webpack.config.js 和 package.json 的概要:

package.json

 {
  "name": "webpack_practice",
  "version": "1.0.0",
  "description": "Practicing webpack setup",
  "main": "server.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "node server.js"
  },
  "author": "John Doe",
  "license": "ISC",
  "dependencies": {
    "express": "^4.15.2",
    "react": "^0.14.7",
    "react-dom": "^0.14.7"
  },
  "devDependencies": {
    "babel-core": "^6.5.1",
    "babel-loader": "^6.2.2",
    "babel-preset-es2015": "^6.5.0",
    "babel-preset-react": "^6.5.0",
    "webpack": "^2.4.1"
  }
}

webpack.config.js

module.exports = {
    entry: './public/app.jsx',
    output: {
        path: __dirname,
        filename: './public/bundle.js'
    },
    resolve: { 
     root: __dirname,      
     alias: {
      Greeter: 'public/components/Greeter.jsx',
      GreeterMessage: 'public/components/GreeterMessage.jsx',
      GreeterForm: 'public/components/GreeterForm.jsx'
    },
        extensions: ['*', '.js', '.jsx']
    },
    module: {
        loaders: [
            {
                loader: 'babel-loader',
                query: {
                    presets: ['react', 'es2015']
                },
                test: /\.jsx?$/,
                exclude: /(node_modules|bower_components)/   
            }
        ]
    }
};

当我在解析下添加别名时，错误开始了。

Answer 1

resolve.root 是一个 webpack 1 选项 - 现在已被弃用。我们鼓励您使用 webpack 2(这是您的 package.json 显示的内容)。

引用:https://webpack.js.org/guides/migrating/#resolve-root-resolve-fallback-resolve-modulesdirectories ，您可以看到该选项已被删除，取而代之的是 modules 选项。