TypeError: laravel_vue_i18n__WEBPACK_IMPORTED_MODULE_22__.I18n is undefined

[flespindola]

I just got this issue when I try to get the shared instance in my script setup

Uncaught (in promise) TypeError: laravel_vue_i18n__WEBPACK_IMPORTED_MODULE_22__.I18n is undefined

import { I18n } from 'laravel-vue-i18n'

I18n.getSharedInstance()

webpack:

const mix = require('laravel-mix');

require('laravel-mix-eslint')

const webpackConfig = require('./webpack.config');

require('laravel-vue-i18n/mix')

mix.js('resources/js/app.js', 'public/js')
    .extract() 
    .vue()
    .eslint({
        fix: true,
        extensions: ['vue', 'js']
      })
    .i18n()
    .postCss('resources/css/app.css', 'public/css', [
        require('postcss-import'),
    ])
    .sass('resources/js/Layouts/App.scss', 'public/css/app.css')
    .version()

    .webpackConfig(webpackConfig)
/*    .alias({
        '@': 'resources/js',
    });*/

if (mix.inProduction()) {
    mix.version();
}

My package.json doesn't have "type":"module" Node version: v20.3.0 Npm version: 9.6.7 Laravel 10

[daniser]

Just noticed you have some mess with the quotes:

import { I18n } from 'laravel-vue-i18n

I18n.getSharedInstance()`

Does it actually look like this in your code?

[flespindola]

I'm sorry, my mistake. Just fix the comment. This quotes doesn't exists in code

[xiCO2k]

Its possible for you, to have a public repo with that exact error?

Thanks

[flespindola]

Yes, I did it a repo so you can see the error by cloning

https://github.com/flespindola/soapp-test

[xiCO2k]

Thats great thanks!

[ricardobrunosr]

Hello, is there any solution for this problem?

[xiCO2k]

Sorry not yet able to debug the issue.

[xiCO2k]

@flespindola I did clone the repo, but I'm not getting that error, any ideias?