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)
- Dependencies with `exports` field break on pages router with `esmExternals: false` HOT 1
- Intercepted page in dynamic route with route groups gets called when linked from another segment
- Rewritten paths cause a client side redirect unexpectedly when set up with basePath: false and an active basePath
- SWC does not catch nested `styled-jsx` tags in props HOT 2
- SWC panicks when processing nested `styled-jsx` tags HOT 1
- Code with a worker fails to build under the edge runtime, even if it's dead code.
- Runtime error in my local machine in rendering current time HOT 4
- Cdn problem with App Router HOT 1
- Values ββsent by headers in the middleware are not accepting letters with accents HOT 1
- Docker image ignores signals HOT 1
- Browser Navigation does not load correct page HOT 6
- The example from the documentation doesn't work. Link + [...catchAll] does not close modal window HOT 1
- The example from the documentation doesn't work. Link + [...catchAll] does not close modal window HOT 6
- Next.js cannot compile with turbo when lowlight is used HOT 5
- Screen flickers when setting cookies (server side)
- Docs: Resource Hints section contains `ReactDOM.prefetchDNS` method typo
- Inconsistent behavior with loading state (`loading.tsx`) and `useTransition`
- Problem with Next.js Turbo Mode and Non-English Characters. HOT 2
- 14.3.0-canary.28 fails with `node-module-in-edge-runtime` HOT 2
- Turbopack does not resolve "local" linked/file dependencies.
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.