Comments (4)
Can you add provider.on("debug", console.log)
to your provider to capture the data being exchanged between the client and the server?
Also, have you tried using v6?
from ethers.js.
Hi @ricmoo, thank you for taking the time to look into this issue, here is the data exchanged:
I did try v6, but i am facing a different issue regarding @adraffy/ens-normalize resolution, and i have created a separate issue for it here
from ethers.js.
Based on the error, the shims are definitely not being applied. That error is exactly what the shim fixes. :)
In ESM, imports behave asynchronously, which breaks anonymous imports as a shims.
The easiest thing to do is wrap your code in (async function() { /* code here */ })()
or if your transpiler doesn’t like that setTimeout(() => { /* code here */ }, 0)
. These will punt your code u til the next event loop, at which time the import phase will have completed.
You should also check to make sure the shims aren’t getting shaken out or such, by some other part of your build process.
Alternatively, if you use v6, this is no longer necessary as the fetch no longer relies on ArrayBuffer and if you do want to customize the fetching, it can be substituted synchronously.
from ethers.js.
Hi @ricmoo, thank you for the reply,
I moved the shims import to the entry file of the project i.e index.js, and wrote a few functions to check if the shims are being imported correctly and ran them in a useEffect as follows:
useEffect(() => {
const testResults = [];
// Test String.prototype.normalize
try {
const result = "é".normalize('NFD') === 'e\u0301';
testResults.push('String.prototype.normalize:' + ${result ? 'Passed' : 'Failed'}`);
} catch (error) {
testResults.push('String.prototype.normalize: Failed');
}
// Test atob and btoa
try {
const encoded = btoa('Hello, world!');
const decoded = atob(encoded);
const result = (encoded === 'SGVsbG8sIHdvcmxkIQ==') && (decoded === 'Hello, world!');
testResults.push(`atob/btoa: ${result ? 'Passed' : 'Failed'}`);
} catch (error) {
testResults.push('atob/btoa: Failed');
}
// Test ArrayBuffer.isView
try {
const buffer = new ArrayBuffer(8);
const view = new Uint8Array(buffer);
const result = ArrayBuffer.isView(view) === true;
testResults.push(`ArrayBuffer.isView: ${result ? 'Passed' : 'Failed'}`);
} catch (error) {
testResults.push('ArrayBuffer.isView: Failed');
}
// Test nextTick
try {
let executed = false;
global.nextTick(() => {
executed = true;
testResults.push(`nextTick: ${executed ? 'Passed' : 'Failed'}`);
setResults([...testResults]);
});
setTimeout(() => {
if (!executed) {
testResults.push('nextTick: Failed');
setResults([...testResults]);
}
}, 100);
} catch (error) {
testResults.push('nextTick: Failed');
}
// Test crypto.getRandomValues
try {
const buffer = new Uint8Array(10);
global.crypto.getRandomValues(buffer);
const result = buffer.every(value => value >= 0 && value < 256);
testResults.push(`crypto.getRandomValues: ${result ? 'Passed' : 'Failed'}`);
} catch (error) {
testResults.push('crypto.getRandomValues: Failed');
}
// Test FileReader.readAsArrayBuffer
try {
const blob = new Blob(['Hello, world!'], { type: 'text/plain' });
const fr = new FileReader();
fr.onloadend = () => {
const result = fr.result instanceof ArrayBuffer;
testResults.push(`FileReader.readAsArrayBuffer: ${result ? 'Passed' : 'Failed'}`);
setResults([...testResults]);
};
fr.readAsArrayBuffer(blob);
} catch (error) {
testResults.push('FileReader.readAsArrayBuffer: Failed');
}
console.log('testResults',testResults)
setTimeout(() => {
const provider = new ethers.providers.JsonRpcProvider(
'https://coston-api.flare.network/ext/C/rpc',
);
provider.on('debug', (data) => console.log(data,'providerDebug'))
},0) }, []);
If i run these tests without importing the shims i get the following result:
[
"String.prototype.normalize: Passed",
"atob/btoa: Passed",
"ArrayBuffer.isView: Passed",
"nextTick: Failed",
"crypto.getRandomValues: Passed",
"FileReader.readAsArrayBuffer: Failed"
]
Now when i import the shims and run the same tests i get the following result:
[
"String.prototype.normalize: Passed",
"atob/btoa: Passed",
"ArrayBuffer.isView: Passed",
"crypto.getRandomValues: Passed",
"nextTick: Passed",
"FileReader.readAsArrayBuffer: Passed"
]
This confirms that the shims for nextTick
and FileReader
are being imported correctly and working fine. Also I could see the following log which is coming from the node_modules/@ethersproject/shims/src/index.js
.
![Screenshot 2024-06-27 at 1 32 09 PM](https://private-user-images.githubusercontent.com/142965431/343684441-c80b9b27-cc40-4b9c-8dcc-39878f2587a9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyNjIxMTMsIm5iZiI6MTcyMTI2MTgxMywicGF0aCI6Ii8xNDI5NjU0MzEvMzQzNjg0NDQxLWM4MGI5YjI3LWNjNDAtNGI5Yy04ZGNjLTM5ODc4ZjI1ODdhOS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcxOFQwMDE2NTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yMmM4MjYyMGViNDM3YThiZThmMTM3YmRjZGFjNjhlZjk4ZDNiMjk3YzUxZDVjNTIyNzExODgzMzg3ODBiNTBjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.ifCIPO3bmcUe9zOge71Q2tfV_ev4SWOqjr4SWlMjXW0)
But even after all the tests passing, i get the same error for the provider which is created at the bottom of the useEffect.
Also i did try v6 but i am facing a different issue related to @adraffy/ens-normalize
there. I have mentioned the issue here
from ethers.js.
Related Issues (20)
- 'contract runner does not support calling' error HOT 1
- Not able to resolve module `@adraffy/ens-normalize`
- QuickNodeProvider does not work HOT 1
- Error with effectiveGasPrice using Rabby wallet on BNB chain
- Logs not parsed with event parameter names, even though specified in the ABI
- RPC call add timeout
- Fallbackprovider using second rpc despite having reached quorum.
- RLP encoding negative numbers HOT 3
- request support for rpc method `eth_getBlockReceipts`
- When calling the contract transferFrom method, gas cannot be calculated
- Arbitrum tx inferTypes error: priorityFee cannot be more than maxFee
- typo - change "gloabal" to "global" in docs HOT 1
- Why is `CommunityResourceable` not exported? HOT 12
- Bug in response-handling for post-processing on etherscan-provider
- in scroll, all the tx.wait() raise exception receipt.confirmations is not a function HOT 5
- Issues while listening to events HOT 3
- swapExactETHForTokens.estimateGas Causes Abrupt Code Termination with High amountOutMin
- Enable toBeHex to produce a string without using 2’s complement HOT 2
- Can't detect tcontract creation in mempool after upgrade HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ethers.js.