Description
I am working integrating zoom meeting web SDK with existing react app which uses webpack.
Browser Console Error
Getting Uncaught TypeError: Cannot redefine property: uniquelize
Uncaught TypeError: Cannot redefine property: uniquelize
at Function.defineProperty (<anonymous>)
at Object.eval (webpack:///./node_modules/@zoomus/websdk/dist/zoomus-websdk.umd.min.js?:2:1006735)
at n (webpack:///./node_modules/@zoomus/websdk/dist/zoomus-websdk.umd.min.js?:2:791)
at Object.eval (webpack:///./node_modules/@zoomus/websdk/dist/zoomus-websdk.umd.min.js?:2:4084743)
at n (webpack:///./node_modules/@zoomus/websdk/dist/zoomus-websdk.umd.min.js?:2:791)
at Module.eval (webpack:///./node_modules/@zoomus/websdk/dist/zoomus-websdk.umd.min.js?:2:4188709)
at n (webpack:///./node_modules/@zoomus/websdk/dist/zoomus-websdk.umd.min.js?:2:791)
at Object.eval (webpack:///./node_modules/@zoomus/websdk/dist/zoomus-websdk.umd.min.js?:2:4090694)
at n (webpack:///./node_modules/@zoomus/websdk/dist/zoomus-websdk.umd.min.js?:2:791)
at eval (webpack:///./node_modules/@zoomus/websdk/dist/zoomus-websdk.umd.min.js?:2:1592)
Which Web Meeting SDK version?
2.3.0
Meeting SDK Code Snippets
Package.json
{
"name": "customer-service-web-client",
"version": "0.1.0",
"description": "",
"private": true,
"main": "index.js",
"scripts": {
"test": "jest --watchAll",
"testWithResults": "jest --json --outputFile=./testResults.json",
"start": "webpack-dev-server --mode development --env.BABEL_ENV --env.NODE_ENV --port 9000",
"build": "webpack --env.BABEL_ENV=development --env.NODE_ENV=development --mode production",
"eslint": "eslint src/**/*js*"
},
"author": "",
"devDependencies": {
"@babel/core": "7.7.2",
"babel-loader": "8.0.5",
"babel-preset-react-app": "9.1.0",
"babel-jest": "24.9.0",
"css-loader": "1.0.0",
"enzyme": "3.10.0",
"enzyme-adapter-react-16": "1.15.1",
"eslint": "6.7.2",
"eslint-config-airbnb": "17.1.0",
"eslint-plugin-import": "2.14.0",
"eslint-plugin-jsx-a11y": "6.1.1",
"eslint-plugin-react": "7.17.0",
"eslint-plugin-react-hooks": "2.3.0",
"html-webpack-plugin": "3.2.0",
"jest": "24.9.0",
"jest-sonar-reporter": "2.0.0",
"style-loader": "0.21.0",
"webpack": "4.29.6",
"webpack-cli": "3.0.8",
"webpack-dev-server": "3.1.4"
},
"dependencies": {
"@zoomus/websdk": "^2.3.0",
"axios": "0.18.1",
"react": "16.12.0",
"react-app-polyfill": "1.0.5",
"react-dom": "16.12.0"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all",
"ie 11"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version",
"ie 11"
]
},
"jest": {
"testPathIgnorePatterns": [
"<rootDir>/scripts"
],
"collectCoverage": true,
"collectCoverageFrom": [
"src/**/*.{js,jsx}",
"!**/node_modules/**"
],
"coverageDirectory": "./coverage/",
"coveragePathIgnorePatterns": [
"./coverage",
"./dist/",
"./node_modules",
"./scripts"
],
"coverageReporters": [
"json",
"lcov",
"text"
],
"testResultsProcessor": "jest-sonar-reporter",
"setupFilesAfterEnv": [
"./setupTests.js"
]
},
"babel": {
"presets": [
"react-app"
]
}
}
webpack.config.js
process.env.BABEL_ENV = 'development';
process.env.NODE_ENV = 'development';
const HtmlWebPackPlugin = require('html-webpack-plugin');
const webpack = require('webpack');
const { resolve } = require('path');
module.exports = webpackEnv => ({
entry: {
root: './src/index',
app: './src/App'
},
output: {
filename: '[name].bundle.js',
chunkFilename: '[name]/[id].js',
path: resolve(__dirname, 'dist')
},
optimization: {
splitChunks: {
chunks: 'all'
}
},
performance: {
maxEntrypointSize: 400000,
maxAssetSize: 400000
},
resolve: {
extensions: ['.js', '.json', '.jsx']
},
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: [
'babel-preset-react-app'
]
}
}
},
{
test: /\.css$/,
use: [
{
loader: 'style-loader'
},
{
loader: 'css-loader',
options: {
modules: true,
importLoaders: 1,
localIdentName: '[name]_[local]_[hash:base64]',
sourceMap: true,
minimize: true
}
}
]
}
]
},
plugins: [
new HtmlWebPackPlugin({
template: './src/index.html',
filename: './index.html'
}),
new webpack.EnvironmentPlugin({
NODE_ENV: webpackEnv.NODE_ENV,
BABEL_ENV: webpackEnv.BABEL_ENV
})
]
});
Device (please complete the following information):
- Browser: Chrome
- Browser Version: Version 99.0.4844.83 (Official Build) (x86_64)