Error while collecting story (...) export function isPerformanceSupported()

[bartenra]

Anyone else getting this?

Error while collecting story /home/bart/src/enra_v3/frontend/src/virtualroom/components/bookmarks/BookmarkButton.story.vue:
/home/bart/src/enra_v3/frontend/node_modules/@vue/devtools-api/lib/esm/time.js:3
export function isPerformanceSupported() {
^^^^^^

SyntaxError: Unexpected token 'export'
    at Object.compileFunction (node:vm:352:18)
    at wrapSafe (node:internal/modules/cjs/loader:1033:15)
    at Module._compile (node:internal/modules/cjs/loader:1069:27)
    at Module._extensions..js (node:internal/modules/cjs/loader:1159:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Module._load (node:internal/modules/cjs/loader:827:12)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:170:29)
    at ModuleJob.run (node:internal/modules/esm/module_job:198:25)
    at async Promise.all (index 0)
    at async ESMLoader.import (node:internal/modules/esm/loader:409:24)

[Akryum]

Hmmm node is trying to load this esm module using CJS (require) 🤔

[Akryum]

Could you have a small repo with just this story and its components?

[throrin19]

I have same problem when I wan't to load this modules :

• vue-i18n
• vuetify

[throrin19]

Exemple of history.setup.js :

import { defineSetupVue3 } from 'histoire/client';

import 'vue3-sfc-transitions/dist/style.css';
import '@/styles/main.scss';

import { createI18n } from 'vue-i18n';

export const setupVue3 = defineSetupVue3(({ app, story, variant }) => {
    const i18n  = createI18n();

    app.use(i18n);
});

[Akryum]

It's fixed for 0.6.6