Codesandbox-client: Babel error on Vue CLI 3 template

[Haroenv]

🐛 bug report

Description of the problem

This is likely because some mismatch of Babel versions?

How has this issue affected you? What are you trying to accomplish?

[BABEL] /src/main.js: The 'useBuiltIns' option has been removed. The @babel/runtime module now uses builtins by default. (While processing: "base$0$7")

Link to sandbox: link

Your Environment

| Software | Name/Version|
| ---------------- | ---------- |
| Сodesandbox | PROD-1534913825-2619708 |
| Browser | Safari (tech preview Release 63 (Safari 12.1, WebKit 13607.1.2.1)) |
| Operating System | MacOS High Sierra 10.13.6 (17G65) |

[Haroenv]

I think it has something to do with one of these dependencies:

    "@vue/cli-plugin-babel": "^3.0.5",
    "@vue/cli-plugin-eslint": "^3.0.3",
    "@vue/cli-service": "^3.0.3",
    "vue-template-compiler": "^2.5.17"

[CompuIves]

Hmm, this is weird. That error seems like it comes because we're using Babel 7, but that's actually what we need?

[Haroenv]

Maybe it's because the cli-plugin-babel has babel 7 alpha, and you might have the released version?

[lbogdan]

@Haroenv Meanwhile you can play around with (most probably) the prototype to the Vue CLI 3 server / container template here: https://codesandbox.io/s/github/lbogdan/cs-vue-cli-3 . 🙂

[Haroenv]

thanks @lbogdan, did you fix it by adding "vue-template-compiler": "^2.5.17"?

EDIT: it's because of sandbox.config.json:

{
  "template": "nuxt"
}

[Haroenv]

Seems like this is still happening, but now a different error message:

Invalid preset specified in Babel options: "env"
▼ 9 stack frames were expanded.
C
https://codesandbox.io/static/js/sandbox.616011f0.js:1:228358
(anonymous function)
https://codesandbox.io/static/js/sandbox.616011f0.js:1:231365
g
https://codesandbox.io/static/js/common-sandbox.730613df.chunk.js:1:207996
(anonymous function)
https://codesandbox.io/static/js/common-sandbox.730613df.chunk.js:1:207781
u
https://codesandbox.io/static/js/common-sandbox.730613df.chunk.js:1:2891
a
https://codesandbox.io/static/js/common-sandbox.730613df.chunk.js:1:2981
(anonymous function)
https://codesandbox.io/static/js/common-sandbox.730613df.chunk.js:1:3020
r
https://codesandbox.io/static/js/common-sandbox.730613df.chunk.js:1:71367
(anonymous function)
https://codesandbox.io/static/js/common-sandbox.730613df.chunk.js:1:2827
▲ 9 stack frames were expanded.

[Haroenv]

(reproducible with https://github.com/algolia/vue-instantsearch-v2-starter/tree/fb3476a9b24c604035a36e8a1a59052a02a5a0ce) or https://codesandbox.com/s/github/algolia/vue-instantsearch-v2-starter/tree/fb3476a9b24c604035a36e8a1a59052a02a5a0ce

[CompuIves]

There's a fix on master for this, should be live within 3 hours!

[Haroenv]

Yay! Did I ever tell you that you're the best @CompuIves? ❤️

[CompuIves]

Hahaha, thank you @Haroenv :smile:

[Haroenv]

Aww yeah, glad to make them all back frontend implementations!