Unable to initialize the chat widget

[ataztech910]

Describe the bug
Every time I import the import { LiveChatWidget } from "@microsoft/omnichannel-chat-widget"; I got this list of errors. There is a closed issue like this but the solution not helps.
I use webpack build that looks like this:

"use strict";
const path = require("path");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const TSConfigPathsPlugin = require("tsconfig-paths-webpack-plugin");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const ESLintPlugin = require("eslint-webpack-plugin");

const SOURCE_ROOT = __dirname + "/src/main/webpack";

const resolve = {
modules: [path.resolve("./node_modules")],
extensions: [".js", ".ts", ".tsx", ".scss"],
plugins: [
new TSConfigPathsPlugin({
configFile: path.resolve(__dirname, "./tsconfig.json"),
})
],
fallback: {
crypto: require.resolve("crypto-browserify"),
stream: require.resolve("stream-browserify"),
buffer: require.resolve('buffer/'),
process: require.resolve('process/browser'),
},
};

module.exports = {
resolve: resolve,
entry: {
site: SOURCE_ROOT + "/site/main.ts",
apps: SOURCE_ROOT + "/site/applications/ReactApplicationEntrypoint.ts",
},
output: {
//filename for initial chunks
filename: (chunkData) => {
return chunkData.chunk.name === "site" ||
chunkData.chunk.name === "apps" ||
chunkData.chunk.name === "runtime"
? "clientlib-site/entry.[name].js"
: "clientlib-react/entry.[name].js";
},
chunkFilename: "clientlib-react/chunks/chunk.[name].js",
path: path.resolve(__dirname, "dist"),
publicPath: "auto",
assetModuleFilename: "clientlib-site/resources/[name].[ext]",
},
module: {
rules: [
{
test: /.tsx?$/,
exclude: /node_modules/,
use: [
{
loader: "ts-loader",
},
{
loader: "glob-import-loader",
options: {
resolve: resolve,
},
},
],
},
{
test: /.scss$/,
use: [
MiniCssExtractPlugin.loader,
{
loader: "css-loader",
options: {
url: false,
},
},
{
loader: "postcss-loader",
},
{
loader: "sass-loader",
},
{
loader: "glob-import-loader",
options: {
resolve: resolve,
},
},
],
},
{
test: /.svg(?v=\d+.\d+.\d+)?$/,
type: "asset/source",
use: [
{
loader: "svgo-loader",
options: {
plugins: [
{
name: "preset-default",
params: {
overrides: {
// SVGO options is here "https://github.com/svg/svgo#what-it-can-do"
removeViewBox: false,
},
},
},
{
name: "removeXMLNS",
params: true,
},
],
},
},
],
},
],
},
plugins: [
new CleanWebpackPlugin(),
new ESLintPlugin({
extensions: ["js", "ts", "tsx"],
}),
new MiniCssExtractPlugin({
filename: (chunkData) => {
return chunkData.chunk.name !== "site"
? "clientlib-react/[name].css"
: "clientlib-site/[name].css";
},
chunkFilename: "clientlib-react/chunk.[name].css",
}),
new CopyWebpackPlugin({
patterns: [
{
from: path.resolve(__dirname, SOURCE_ROOT + "/resources"),
to: "./clientlib-site/",
},
],
}),
],
optimization: {
splitChunks: {
chunks: "all",
cacheGroups: {
defaultVendors: {
test: /[\/]node_modules[\/]/,
priority: -10,
reuseExistingChunk: true,
filename: "clientlib-react/vendor/chunk.[name].js",
},
default: {
minChunks: 2,
priority: -20,
reuseExistingChunk: true,
},
},
},
},
stats: {
all: false,
entrypoints: true,
chunkGroups: true,
chunkRelations: true,
timings: true,
errors: true,
builtAt: true,
},
};

ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 1:0-63
Module not found: Error: Can't resolve './components/header/Header' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'Header.js'?
BREAKING CHANGE: The request './components/header/Header' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 2:0-63
Module not found: Error: Can't resolve './components/footer/Footer' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'Footer.js'?
BREAKING CHANGE: The request './components/footer/Footer' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 3:0-93
Module not found: Error: Can't resolve './components/confirmationpane/ConfirmationPane' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'ConfirmationPane.js'?
BREAKING CHANGE: The request './components/confirmationpane/ConfirmationPane' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 4:0-75
Module not found: Error: Can't resolve './components/chatbutton/ChatButton' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'ChatButton.js'?
BREAKING CHANGE: The request './components/chatbutton/ChatButton' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 5:0-102
Module not found: Error: Can't resolve './components/inputvalidationpane/InputValidationPane' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'InputValidationPane.js'?
BREAKING CHANGE: The request './components/inputvalidationpane/InputValidationPane' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 6:0-96
Module not found: Error: Can't resolve './components/proactivechatpane/ProactiveChatPane' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'ProactiveChatPane.js'?
BREAKING CHANGE: The request './components/proactivechatpane/ProactiveChatPane' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 7:0-96
Module not found: Error: Can't resolve './components/reconnectchatpane/ReconnectChatPane' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'ReconnectChatPane.js'?
BREAKING CHANGE: The request './components/reconnectchatpane/ReconnectChatPane' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 8:0-78
Module not found: Error: Can't resolve './components/loadingpane/LoadingPane' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'LoadingPane.js'?
BREAKING CHANGE: The request './components/loadingpane/LoadingPane' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 9:0-93
Module not found: Error: Can't resolve './components/outofofficehourspane/OOOHPane' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'OOOHPane.js'?
BREAKING CHANGE: The request './components/outofofficehourspane/OOOHPane' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 10:0-93
Module not found: Error: Can't resolve './components/notificationpane/NotificationPane' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'NotificationPane.js'?
BREAKING CHANGE: The request './components/notificationpane/NotificationPane' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 11:0-96
Module not found: Error: Can't resolve './components/prechatsurveypane/PreChatSurveyPane' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'PreChatSurveyPane.js'?
BREAKING CHANGE: The request './components/prechatsurveypane/PreChatSurveyPane' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 12:0-99
Module not found: Error: Can't resolve './components/postchatsurveypane/PostChatSurveyPane' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'PostChatSurveyPane.js'?
BREAKING CHANGE: The request './components/postchatsurveypane/PostChatSurveyPane' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 13:0-71
Module not found: Error: Can't resolve './common/encodeComponentString' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'encodeComponentString.js'?
BREAKING CHANGE: The request './common/encodeComponentString' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 14:0-71
Module not found: Error: Can't resolve './common/decodeComponentString' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'decodeComponentString.js'?
BREAKING CHANGE: The request './common/decodeComponentString' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 15:0-63
Module not found: Error: Can't resolve './services/BroadcastService' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'BroadcastService.js'?
BREAKING CHANGE: The request './services/BroadcastService' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 17:0-49
Module not found: Error: Can't resolve './common/Constants' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'Constants.js'?
BREAKING CHANGE: The request './common/Constants' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 18:0-93
Module not found: Error: Can't resolve './components/callingcontainer/CallingContainer' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'CallingContainer.js'?
BREAKING CHANGE: The request './components/callingcontainer/CallingContainer' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 19:0-109
Module not found: Error: Can't resolve './components/callingcontainer/subcomponents/CurrentCall/CurrentCall' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'CurrentCall.js'?
BREAKING CHANGE: The request './components/callingcontainer/subcomponents/CurrentCall/CurrentCall' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 20:0-112
Module not found: Error: Can't resolve './components/callingcontainer/subcomponents/IncomingCall/IncomingCall' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'IncomingCall.js'?
BREAKING CHANGE: The request './components/callingcontainer/subcomponents/IncomingCall/IncomingCall' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 21:0-91
Module not found: Error: Can't resolve './components/callingcontainer/subcomponents/Timer/Timer' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'Timer.js'?
BREAKING CHANGE: The request './components/callingcontainer/subcomponents/Timer/Timer' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-components/lib/esm/index.js 22:0-542
Module not found: Error: Can't resolve './assets/Icons' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-components/lib/esm'
Did you mean 'Icons.js'?
BREAKING CHANGE: The request './assets/Icons' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-widget/lib/esm/index.js 2:0-62
Module not found: Error: Can't resolve './hooks/useChatContextStore' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-widget/lib/esm'
Did you mean 'useChatContextStore.js'?
BREAKING CHANGE: The request './hooks/useChatContextStore' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-widget/lib/esm/index.js 3:0-54
Module not found: Error: Can't resolve './hooks/useChatSDKStore' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-widget/lib/esm'
Did you mean 'useChatSDKStore.js'?
BREAKING CHANGE: The request './hooks/useChatSDKStore' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-widget/lib/esm/index.js 4:0-77
Module not found: Error: Can't resolve './common/utils' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-widget/lib/esm'
Did you mean 'utils.js'?
BREAKING CHANGE: The request './common/utils' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-widget/lib/esm/index.js 5:0-72
Module not found: Error: Can't resolve './contexts/common/ConversationState' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-widget/lib/esm'
Did you mean 'ConversationState.js'?
BREAKING CHANGE: The request './contexts/common/ConversationState' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-widget/lib/esm/index.js 6:0-87
Module not found: Error: Can't resolve './components/livechatwidget/LiveChatWidget' in '/Users/at059343/Desktop/IBM_Branches/BCW/code/bcw-group/ui.frontend/node_modules/@microsoft/omnichannel-chat-widget/lib/esm'
Did you mean 'LiveChatWidget.js'?
BREAKING CHANGE: The request './components/livechatwidget/LiveChatWidget' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
ERROR in ./node_modules/@microsoft/omnichannel-chat-widget/lib/esm/index.js 7:0-112
export 'encodeComponentString' (reexported as 'encodeComponentString') was not found in '@microsoft/omnichannel-chat-components' (module has no exports)
ERROR in ./node_modules/@microsoft/omnichannel-chat-widget/lib/esm/index.js 7:0-112
export 'decodeComponentString' (reexported as 'decodeComponentString') was not found in '@microsoft/omnichannel-chat-components' (module has no exports)
ERROR in ./node_modules/@microsoft/omnichannel-chat-widget/lib/esm/index.js 7:0-112
export 'BroadcastService' (reexported as 'BroadcastService') was not found in '@microsoft/omnichannel-chat-components' (module has no exports)