Javascript webpack.validateSchema不是survivejs中的函数错误

我收到了这个问题

webpack.validateSchema不是一个函数

当我设置webpack并在下面做出反应时，我共享了我的

webpack.config.js

const path = require('path');
const merge = require('webpack-merge');
const webpack = require('webpack');
const TARGET = process.env.npm_lifecycle_event;
const PATHS = {
    app: path.join(__dirname, 'app'),
    build: path.join(__dirname, 'build')
};

const common = {
    entry: {
        app: PATHS.app
    },
    output: {
        path: PATHS.build,
        filename: 'bundle.js'
    },
    module: {
        loaders: [
            {
                test: /\.css$/,
                loaders: ['style','css'],
                include: PATHS.app,
            }
        ]
    }
};

if(TARGET === 'start' || !TARGET){
    module.exports = merge(common, {
        devtool: 'eval-source-map',
        devServer: {
            contentBase: PATHS.build,
            historyApiFallback: true,
            hot: true,
            inline: true,
            progress: true,
            stats: 'errors-only',
            host: process.env.HOST,
            port: process.env.PORT || 3000
        },
        plugins: [
            new webpack.HotModuleReplacementPlugin()
        ]
    });
}
if(TARGET === 'build'){
    module.exports = merge(common, {});
}

---

有几个错误需要修复：

• 不要使用

  扩展名：[''''.js'，'.jsx']

  ，而是使用

  扩展名：['.js'，'.jsx']

  。因为Webpack2，所以不需要空条目，它会对此进行投诉
• 不要使用

  ['style'，'css']

  ，而是使用

  ['style-loader'，'css-loader']

  。由于Webpack2，默认情况下它不提供快捷方式
• 不要使用

  babel？cacheDirectory

  ，而是使用

  babel loader？cacheDirectory

  。我可以通过

  use

  和

  options

  重写定义，如中所示

---

您可以设置一个独立的项目吗？您使用的是哪个版本的网页包？请注意，我最近将这本书更新为第4页。@JuhoVepsäläinen webpack version-4.1.0…我将我的项目放在这里