Cannot read property 'call' of undefined at __webpack_require__

[rbuetzer]

• Operating System: Windows 10
• Node Version: n/a
• NPM Version: Yarn 1.16.0
• webpack Version: 4.12.0
• webpack-dev-server Version: 3.3.1
• Browser: Chrome 76, Firefox 68

• This is a bug
• This is a modification request

webpack.config.js

const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');

module.exports = {
    entry: {
        app: './src/index.tsx',
    },
    output: {
        filename: 'js/[name].bundle.js',
        path: __dirname + '/dist',
    },
    devtool: 'source-map',
    resolve: {
        extensions: ['.ts', '.tsx', '.js', '.jsx', '.json'],
    },
    module: {
        rules: [
            {
                test: /\.tsx?$/,
                loader: 'ts-loader',
            },
            {
                test: /\.less$/,
                exclude: '/node_modules/',
                use: [
                    {
                        loader: MiniCssExtractPlugin.loader,
                        options: {
                            publicPath: '../',
                            hmr: process.env.NODE_ENV === 'development',
                        },
                    },
                    {
                        loader: 'css-loader',
                        options: {
                            localIdentName: '[local]--[hash:5]',
                            sourceMap: true,
                        },
                    },
                    {
                        loader: 'less-loader',
                        options: {
                            sourceMap: true,
                        },
                    },
                ],
            },
            {
                test: /\.html$/,
                use: 'raw-loader',
            },
            {
                test: /\.jpe?g$|\.gif$|\.png$/i,
                loader: 'file-loader?name=assets/img/[name].[ext]',
            },
            {
                test: /\.woff2?$|\.ttf$|\.eot$|\.svg$|\.mp3$/,
                use: 'file-loader?name=assets/[name].[ext]',
            },
        ],
    },
    plugins: [
        new MiniCssExtractPlugin({
            filename: 'framework/style/style.css',
        }),
        new HtmlWebpackPlugin({
            template: 'src/index.html',
            filename: 'index.html',
        }),
        new CopyWebpackPlugin([
            './src/manifest.json',
            './src/settings.js',
            './src/favicon.ico',
            { from: '**/app_icon*.png', flatten: true },
        ]),
    ],
    optimization: {
        splitChunks: {
            cacheGroups: {
                commons: { test: /[\\/]node_modules[\\/]/, name: 'vendors', chunks: 'all' },
            },
        },
    },
};

Expected Behavior

When I run my project with webpack-dev-server, I get no runtime errors

Actual Behavior

When I run my project with webpack-dev-server I get the following runtime error:

Cannot read property 'call' of undefined at __webpack_require__

Workarounds

• The app runs fine with webpack-dev-server v3.3.0
• The app runs fine, when the entry property of the webpack config is an array instead of a string:

entry: {
    app: ['./src/index.tsx']
},

[rbuetzer]

Possibly related: webpack/webpack#6094

[alexander-akait]

Please create minimum reproducible test repo otherwise issue was closed

[rbuetzer]

As said in b31cbaa#commitcomment-34848401, I can't create a test repo. I understand that you won't investigate the issue in this case and therefore close this issue.

[restuwahyu13]

follow step by step this solution for fix this problem, working with me using webpack 4

1.STEP ONE
output: {
library: '[name]',
umdNamedDefine: false
}

optimization: {
concatenateModules: false,
providedExports: false,
usedExports: false
}

2. STEP TWO
   remove symlink and caheWithContenxt

3. STEP THREE
   remove react hot module or disable this for production

4. STEP FOUR
   remove old project name in heroku, after remove old project create new project name