Ethers Version

6.9.1

Search Terms

Receiver must be an instance of class anonymous

Describe the Problem

While it works fine when we include it in a normal HTML file, it gives the error in the title, probably because it is converted to Proxy in Vue JS. Even though I tried a few babel and webpack configurations, I could not find a solution.

It was the first time I encountered something like this and I thought the problem might be caused by the private method issue. Do you have any solution suggestions for this?

Webpack.confi.js
`const path = require('path');
const webpack = require('webpack');

module.exports = {
mode: 'production',
entry: './src/provider.js',
output: {
path: path.join(__dirname, "/dist"),
filename: 'evm-chains-provider.js',
library: 'EvmChains',
libraryTarget: 'umd',
globalObject: 'this',
umdNamedDefine: true,
},
module: {
rules: [
{
test: /.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: [
['@babel/preset-env', {}],
],
plugins: [
'@babel/plugin-transform-private-methods',
],
},
},
},
],
},
plugins: [
new webpack.optimize.LimitChunkCountPlugin({
maxChunks: 1, // disable creating additional chunks
}),
new webpack.ProvidePlugin({
Buffer: ['buffer', 'Buffer'],
}),
new webpack.ProvidePlugin({
process: 'process/browser',
}),
],
resolve: {
extensions: ["", ".js", ".jsx"],
fallback: {
http: false,
https: false,
stream: false,
zlib: false,
}
}
};`

Code Snippet

No response

Contract ABI

No response

Errors

No response

Environment

No response

Environment (Other)

No response