babel-preset-vue | Babel preset for transforming Vue JSX

I'm trying to implement a unit test using jest along side vuejs framework on symfony/webpack-encore, but after multiple attempts, I still get this error :

Jest encountered an unexpected token

This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".

import {
^

SyntaxError: Unexpected token {

20 |
21 | import * as THREE from 'three';

22 | import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
| ^

.babelrc :

I use app with webpacker (rails gem), vue, typescript, jest. I also use ts-jest. When I upgrade jest from 24.8.0 to 24.9.0 I encounter this error if I try to run any test:

I am developing simple website by using Ruby on Rails and Vue.js and I having trouble with starting local server. When I run on the terminal npm run dev it gives me 2 errors:

I am suffered by IE compatibility. (my vue version is 3.1.0, nuxt is 2.3.4)

It keeps error with Object.assign. Here is the list what I have tried.

• babel-preset-vue-app(https://www.npmjs.com/package/babel-preset-vue-app). Heard that it does not support vue2.X. I followed the description on this post. It gets an error while building source.

• Adding babel-polyfill in nuxt.config.js. It does not error, but still I got Object.assign error on the page.

• Install babel/plugin-transform-object-assign. It also does not make any error in build process, but got Object assign thing in the page.

Is there any option I can try to feet IE11 compatibility?

Here is my current .babelrc and nuxt.config.js.

.babelrc

I keep getting the following error for some global components that I have:

I am primarily a C# backend developer and trying to learn Vue.js. I use Visual Studio 2017 + ASP.NET MVC (as API + one layout) + Vue.js + Webpack.
.vue single-page component files are loaded by vue-loader, and .js files are loaded by babel-loader with es2015 preset.

app.js is transpiled successfully into output dist/script.js file by Babel, but .vue files give me syntax errors whichever combinations I use. I have the same error even if my navigation.vue error is absolutely empty:

ERROR in ./assets/component/navigation.vue
Module build failed: SyntaxError: Unexpected token {

Task Runner Explorer content:

nagivation.vue: