fix(babel-preset-app): always transpile optional chaining and nullish-coalescing for server

[pi0]

Types of changes

• Bug fix (a non-breaking change which fixes an issue)
• New feature (a non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Description

Since node@14 supports optional chaining, @babel/preset-env disables transpilation for this target (we use runtime node version as target). But this makes troubles (#7722) as webpack@4 uses acorn 6.x which doesn't support this syntax (webpack/webpack#10227)

Alternative

We could strictly set node target to 8 or 10 to avoid same happening in the future with acorn and nuxt@2

Checklist:

• My change requires a change to the documentation.
• I have updated the documentation accordingly. (PR: #)
• I have added tests to cover my changes (if not applicable, please state why)
• All new and existing tests are passing.

[clarkdo]

I think adding this plugin in babel-preset-app only for server env would be better.

[pi0]

@clarkdo Indeed but as mentioned i tried this: (on an external project)

This doesn't works (probably preset-env somehow takes over?)

And what do you think about fixing target to 10 or 12?

[clarkdo]

@pi0 What about add it in include of preset-env ? I can take a look tonight if it doesn't work.

include: ['proposal-optional-chaining']

[pi0]

@clarkdo Actually it was babel cache that needed to be manually invalidated 🙈 Seems all fine now

[clarkdo]

Nice

[marcvangend]

I'm running nuxt 2.14.7 now (with node 15.1.0, yarn 1.2.10), but I'm still getting a fatal error when I try to use a nullish coalescing operator or optional chaining in a generate function in my nuxt.config.js:

 FATAL  Invalid or unexpected token                                                                      15:20:32

  const foo = data?.foo ?? 'bar'
  ^
  
  SyntaxError: Invalid or unexpected token
  at Object.Module._extensions..js (node:internal/modules/cjs/loader:1112:10)


   ╭──────────────────────────────────────────────╮
   │                                              │
   │   ✖ Nuxt Fatal Error                         │
   │                                              │
   │   SyntaxError: Invalid or unexpected token   │
   │                                              │
   ╰──────────────────────────────────────────────╯

Is this expected behavior? Am I making a mistake somewhere? Should I open a new issue?