Comments (7)
Note that this appears to work out of the box already if you simply configure plugins and transforms in your package.json
or .babelrc
e.g. in package.json
{
"name": "my-app",
…
"babel": {
"presets": [
"latest",
"react"
],
"plugins": [
"babel-plugin-istanbul",
"transform-runtime"
]
}
}
This works because by default babel will merge any configurations it finds in parent directories.
Users will need to set these up anyway if they're going to test code that runs outside next
.
However, I did not have any luck using next
with mobx
+ babel-plugin-transform-decorators-legacy
. The code compiled just fine and it appears to run on the server, but none of the decorators seem to function correctly. Didn't look into it very deeply, but it may be something to do with the order of the babel plugins.
from next.js.
If we move forward with this, we can document in the README
how to for example add decorators support to next
.
from next.js.
@timoxley - great tip, did you figure out why mobx observers didn't fire?
from next.js.
@timoxley It didn't work for my case. Looks like plugin added this way got lowest priority. Even lower then presets. Am I right? Is it how it's intended to work?
I guess I need to fix my plugin to make it work regardless of priority.
P.S. Hmm... It might be the source of problem with mobx
from next.js.
@reflog NFI.
@vdanchenkov yeah the problem is almost definitely because of the plugin order, not sure if solvable without some hackery by next
.
from next.js.
@timoxley thanks a lot for that report. Very happy that it already partially works!
from next.js.
As far as potential solutions, one could be that we consider the set of transformations performed by next the "next bundle", and you're able to override the entire configuration, specifying yourself where that next bundle falls.
This is just a quick conjecture I just thought of, not sure if it's an actual solution.
from next.js.
Related Issues (20)
- TurboPack crashes immediately while compiling any page. Webpack working fine HOT 6
- Improve Metadata API documentation HOT 1
- `<Script />` with `strategy="beforeInteractive"` doesn't get loaded when navigate through router link HOT 2
- "Unsupported OpenType signature wOF2" when loading Inter in opengraph-image
- Docs: NEXT.js HOT 1
- [Partial Prerendering] Error: Runtime exited with error: signal: segmentation fault HOT 1
- Next.js proxy from a different origin with a trailing slash isn't possible
- Client side navigation `router.push()` does not work before/after server action
- generateStaticParams() not detected when using parallel routes / dynamic routes using output: export HOT 2
- Facing An error occured in `next/font`. HOT 2
- Turbo side effect import
- Rewrites not working with app router HOT 1
- Re-exporting metadata from workspace package fails HOT 1
- Re-exporting metadata from workspace package fails HOT 3
- Scripts in head of `layout.tsx` are not run when underlying `page.tsx` throws a server error.
- Npm run build applicaation with path alias and app router and github actions does not work. HOT 8
- Dev server is not properly closing and giving an error when a port is taken. HOT 1
- Usage of next/dynamic with ssr: false and loading component to opt out from SSR to CSR causes jibrish with path exposed in page source.
- Why does not render png files from my vercel repository?
- Next.js uses CommonJS modules, which causes a build error if `"type": "module"` is used in `package.json` HOT 3
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.