Comments (9)
Related issue (?) feross/buffer#359
from next.js.
Probably yes. However, I am unsure about the specific version included in the Next.js polyfill. This library is precompiled and is not a Node.js package.
from next.js.
I'm guessing 5.x by looking at the compiled/vendored dependency.
On another note, why do you need Buffer in the browser? It is often a sign that code you don't mean to ship to the client, is making its way there, often through browserify
from next.js.
Absolutely, but the external library I use has protection against the lack of Buffer in the environment and executes the logic according to a different path. However, the nextjs mechanisms detect the presence of the word "Buffer" in the external module's code and add a polyfill (though it is not required because the library protects itself against it).
Which does not change the fact that since NextJS gives information that it supports Safari 12+, it also expects it.
from next.js.
Buffer doesn't exist in browsers though.
It is not just Buffer usage that triggers browserification of Buffer, often usage of crypto, or some Node.js modules, does as well.
Kind of a gray area situation here, can you try out on Safari 14, if the latest buffer (v6) npm package, does work? does v4 work?
from next.js.
Unfortunately, I wasn’t able to build Next.js correctly when I swapped out the Buffer version. I need more time for that. Would anyone else be willing to help?
from next.js.
Err, I meant more like:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script src="https://bundle.run/[email protected]"></script>
<div>Hi</div>
</body>
</html>
And open that in your Safari 14 browser. Try with 6.0.3
and 5.7.1
, as well. Do you see the issue at all?
from next.js.
From bundle.run I do not have any errors, tested on Mojave Safari 12.1
from next.js.
Oh that's really, not what I had expected... 🤔
I searched for the compile PR from 3 years ago, and found that it was "buffer": "5.6.0",
that was initially vendored in:
but that worked on your test...
If you copy the code from, https://github.com/vercel/next.js/blob/canary/packages/next/src/compiled/buffer/index.js#L5, and put it in a file.js and make a script pointing to it, rather than bundle.run, what do you get?
from next.js.
Related Issues (20)
- missing sourcemaps in app router and cannot debug with breakpoints HOT 2
- Docs: Learn Next.js Chapter 9 HOT 2
- next/link <Link> is not loading AMP page components from non-AMP page, I have to use <a> tag only then it renders AMP components which resets the router.
- Parent `loading` is not mounted when child's one is missing HOT 2
- Vercel deployment failed after commit changes to repository
- Error when using `experimental.workerThreads` and webpack config
- Time-based cache revalidation does not work when calling fetch with manually created Request object HOT 1
- Module incorrectly persists between hot updates (HMR) in the browser HOT 10
- Redirects don't work in production. The page times out HOT 6
- MQTT.JS example: the useEffect return cause client closure
- next/dynamic from external package causes hydration errors for combination of pages and app routers
- Licensing: 14.2.5 bundles MPL-licensed @vercel/og HOT 1
- Swc causing error in production. Related to citation-js and citeproc. HOT 8
- Error in dev mode with turbopack using Chakra-UI components from server components HOT 2
- ❌ Build Error: An exception occurred in module resolution. HOT 4
- Edge runtime is sensitive to order of "exports" in dependency, will only use edge-light if it's defined before browser
- MOBILE - page jumps above header by amount scrolled HOT 1
- 405 Method not allowed from Next APIs
- Docs: Creating new Next.js project with TypeScript does not add TypeScript lint rules HOT 17
- Sass built-in support doesn't work HOT 10
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 next.js.