Зависает на запросах после сборки через webpack?

Question

[Роман Жарков]

Собираю код через Webpack, но после сборки методы, которые используют сетевые запросы - просто зависают. Точнее код доходит до вызова этих методов и дальше не идет. В чем может быть причина?

const path = require('path');
const TerserPlugin = require('terser-webpack-plugin');
const WebpackObfuscator = require('webpack-obfuscator');
const webpack = require('webpack');
const CopyPlugin = require('copy-webpack-plugin');

/**
 *
 * @param {*} env
 * @param {*} argv
 * @returns {import('webpack').Configuration}
 */
module.exports = (env, argv) => {
	return {
		mode: 'production' || 'development',
		entry: './src/index.ts',
		target: 'node',
		output: {
			filename: 'index.js',
			path: path.resolve('./bundle'),
			library: {
				type: 'commonjs2',
			},
			libraryTarget: 'commonjs2',
			clean: true,
		},
		resolve: {
			extensions: ['.ts', '.js', '.node'],
		},
		node: {
			__dirname: false,
		},
		module: {
			rules: [
				{
					test: /\.ts$/,
					use: 'ts-loader',
					exclude: /node_modules/,
				},
				{
					test: /\.(node)$/,
					loader: path.resolve(__dirname, 'webpack-addons-loader.js'),
					options: {
						name: '[path][name].[ext]',
					},
				},
			],
		},
		optimization: {
			splitChunks: false,
			minimize: true,
			minimizer: [
				new TerserPlugin({
					minify: TerserPlugin.swcMinify,
					terserOptions: {
						format: { comments: false },
						module: true,
					},
					extractComments: false,
				}),
			],
		},
		plugins: [
			new webpack.optimize.LimitChunkCountPlugin({ maxChunks: 1 }),
			new CopyPlugin({
				patterns: [
					{
						from: path.join('node_modules', 'onnxruntime-node'),
						to: path.join('onnxruntime-node'),
					},
					{
						from: path.join('node_modules', 'canvas'),
						to: path.join('canvas'),
					},
					{
						from: path.join('config.env'),
						to: path.join('config.env'),
					},
				],
				options: {
					concurrency: 2,
				},
			}),
			
		],
	};
};

Answer 1

[Aetae]

Возможно дело в том что не вынесены node модули как внешние:

const nodeExternals = require('webpack-node-externals');
{
  // ...
  externals: [nodeExternals()],
}

Если это не поможжет, то отключи все плагины и оптимизацию.
Не заработало?
Сделай тестовый файлик с одним единственным методом, собери и посмотри на результирующий код - подебаж его руками и разберись в чём дело.

Работает?
Подключай плагины по одному пока не найдёшь виновника и разбирайся с конфигом оного.

Comments

[Роман Жарков]

Разобрался, Webpack "съедает" AbortSignal (хз, как по другому сказать).
Модуль который использует его, проверяет является ли переданное значение инстансом этого класса. Но не через instanceof, а через сравнение по имени функции AbortSignal.name.

Сделал так и все заработало как нужно:

optimization: {
			splitChunks: false,
			minimize: true,
			minimizer: [
				new TerserPlugin({
					minify: TerserPlugin.swcMinify,
					terserOptions: {
						mangle: {
							reserved: ['AbortSignal'],
						},
						keep_classnames: true,
						keep_fnames: true,
						format: { comments: false },
						module: true,
					},
					extractComments: false,
				}),
			],
		},

[Aetae]

Роман Жарков, хм, по идее он никак не может повлиять на нативные имена функций, в т.ч. и AbortSignal.
Могу предположить, что в коде зачем-то используется полифил вместо нативного(доступного с 15 ноды), тогда проще было бы выкинуть оный.