SyntaxError: Unexpected token import on fresh project

[matrunchyk]

Version

3.0.0-beta.15

Reproduction link

http://take.ms/A60B9

Steps to reproduce

1. vue create vue-project
2. cd vue-project
3. jest tests/unit/HelloWorld.spec.js --no-cache

What is expected?

The test case is executed with no errors

What is actually happening?

Test suite failed to run

---

Adding the following block to babel.config.js fixes this particular error

env: {
    test: {
      presets: ['@babel/env'],
    },
  },

but it raises another error:
http://take.ms/jlxuP

And this happens because import doesn't work for some reason.
When I change
import HelloWorld from '@/components/HelloWorld.vue';
to
const HelloWorld = require('../../src/components/HelloWorld.vue').default;
it works fine: http://take.ms/ILHes

P.S. Unaliased import doesn't work as well:

import HelloWorld from '../../src/components/HelloWorld.vue';

[matrunchyk]

So I suppose the initial issue will be gone once we add @babel/env preset to test environment on vue cli 3 generator. Any idea how to fix the 2nd one with export?

[yyx990803]

Can't reproduce. Please provide an actual reproduction: a repository that we can look into.

[matrunchyk]

Sure: https://github.com/matrunchyk/vue-cli-1475

Thanks for so fast feedback!

[yyx990803]

Oh actually, you are not supposed to run jest directly. Use the test:unit npm script.

[matrunchyk]

[matrunchyk]

@yyx990803 it is still the same.

[matrunchyk]

Screencast: https://monosnap.com/direct/OJT3alvRHWLC3yResLRO6JBVpzZLre

[yyx990803]

Unfortunately I can't reproduce this using your exact repo.
What is your OS / Node / npm version?

[matrunchyk]

npm -v

6.1.0

node -v

v8.11.1

[yyx990803]

I did try with the exact same Node and npm versions with your repo and cannot reproduce it.
This may have something to do with your npm caching.

[matrunchyk]

Yeah, it was something to do with my cache. Now it's gone. Sorry for taking your time.

[martosoler]

Ok, so I'm having a similar issue @matrunchyk ... what cache are you referring to? NPM?

[matrunchyk]

Yes, it's under ~/.npm

[next-nurialopez]

Hi @matrunchyk , I'm getting the same error, what did you do to clean the cache?

[matrunchyk]

@beeva-nurialopez rm -rf ~/.npm

[next-nurialopez]

I'm still getting the same error [image: image.png] Any idea, why it might be? El mar., 2 oct. 2018 a las 9:48, Serhii Matrunchyk (< [email protected]>) escribió:

…

@beeva-nurialopez <https://github.com/beeva-nurialopez> rm -rf ~/.npm — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#1475 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AclnxlGe6qQLfpKl8eXk5ZMLHL-sMM56ks5ugxpCgaJpZM4Ua4ZI> .

-- Un saludo, Nuria López González

[matrunchyk]

See #1584 discussion

[JuanGrauGGG]

Version

3.0.0-beta.15

Reproduction link

http://take.ms/A60B9

Steps to reproduce

1. vue create vue-project
2. cd vue-project
3. jest tests/unit/HelloWorld.spec.js --no-cache

What is expected?

The test case is executed with no errors

What is actually happening?

Test suite failed to run

Adding the following block to babel.config.js fixes this particular error

env: {
    test: {
      presets: ['@babel/env'],
    },
  },

but it raises another error:
http://take.ms/jlxuP

And this happens because import doesn't work for some reason.
When I change
import HelloWorld from '@/components/HelloWorld.vue';
to
const HelloWorld = require('../../src/components/HelloWorld.vue').default;
it works fine: http://take.ms/ILHes

P.S. Unaliased import doesn't work as well:

import HelloWorld from '../../src/components/HelloWorld.vue';

Typescript does not know how to handle vue files, therefore you need to place the following code in your index.d.ts fiile
declare module '*.vue' { import Vue from 'vue'; export default Vue; }