I am facing the following error in my nodejs application: Uncaught ReferenceError: Buffer is not defined. In this Exerror article, We are going to learn about How to reproduce this error and we will discuss All Possible Solutions Let’s Get Start With This Article.
How Uncaught ReferenceError: Buffer is not defined Error Occurs?
I am facing the following error in my nodejs application:
Uncaught ReferenceError: Buffer is not defined
So here I am writing all the possible solutions that I have tried to resolve this error.
How To Solve Uncaught ReferenceError: Buffer is not defined Error?
- How To Solve Uncaught ReferenceError: Buffer is not defined Error?
To Solve Uncaught ReferenceError: Buffer is not defined Error First of All Install buffer by running this command: npm install –save buffer Then add ProvidePlugin in Your webpack.config.js Just Like This: new webpack.ProvidePlugin({ Buffer: [‘buffer’, ‘Buffer’], }), Now, You need to add resolve in your webpack.config.js Just Like This: resolve: { fallback: { “buffer”: require.resolve(“buffer”) } }, Then Import Buffer Just Like This: import { Buffer } from ‘buffer’; Now, Your error may be solved. Thanks.
- Uncaught ReferenceError: Buffer is not defined
To Solve Uncaught ReferenceError: Buffer is not defined Error You need to add ProvidePlugin in webpack.config.js and then your error will be solved. First of all, open your webpack.config.js and add ProvidePlugin in the plugins section Just like This: new webpack.ProvidePlugin({ Buffer: [‘buffer’, ‘Buffer’], }), And now, Your error will be solved. Thank You.
Solution 1: Add ProvidePlugin in webpack.config.js
To Solve Uncaught ReferenceError: Buffer is not defined Error You need to add ProvidePlugin in webpack.config.js and then your error will be solved. First of all, open your webpack.config.js and add ProvidePlugin in the plugins section Just like This.
const webpack = require('webpack');
module.exports = {
...
plugins: [
new webpack.ProvidePlugin({
Buffer: ['buffer', 'Buffer'],
}),
],
...
}
And now, Your error will be solved. Thank You.
Solution 2: Install buffer
First of All Install buffer by running this command.
npm install --save buffer
OR
yarn add buffer
Then add ProvidePlugin in Your webpack.config.js Just Like This.
const webpack = require('webpack');
module.exports = {
...
plugins: [
new webpack.ProvidePlugin({
Buffer: ['buffer', 'Buffer'],
}),
],
...
}
Now, You need to add resolve in your webpack.config.js Just Like This.
resolve: {
fallback: {
"buffer": require.resolve("buffer")
}
},
Then Import Buffer Just Like This.
import { Buffer } from 'buffer';
// @ts-ignore
window.Buffer = Buffer;
Now, Your error may be solved. Thanks.
Conclusion
It’s all About this error. I hope We Have solved Your error. Comment below Your thoughts and your queries. Also, Comment below on which solution worked for you.
Also, Read
- ModuleNotFoundError: No module named ‘cv2’
- ImportError: No module named cv2
- Error: Unknown argument: prod While running ng build –prod
- You intended to execute a .NET SDK command: No .NET SDKs were found
- ZoneInfoNotFoundError: No time zone found with key