Method 'loadLanguages' cannot import packages correctly

[ModernFarmer]

url: prismjs/components/index.vue
example:
code:

import loadLanguages from 'prismjs/components/index'
loadLanguages(['css'])

error:

components sync?e27f:2 Uncaught Error: Cannot find module './prism-markup'

target:
origin code:

const pathToLanguage = './prism-' + lang
line 42: delete require.cache[require.resolve(pathToLanguage)]  // Packages cannot be imported correctly here
line 45: require(pathToLanguage) // Packages cannot be imported correctly here

advice:

line 42 -> delete require.cache[require.resolve(`./prism-${lang}`)]
line 45 -> require(`./prism-${lang}`)

[RunDevelopment]

That's not a lot of information to work with @ModernFarmer.

May I assume that you are using Vue.js? If so, is your component rendered on the server or on the client side?

[ModernFarmer]

I'm using prismjs in vue3 on the client side.

[RunDevelopment]

In that case, the easiest solution might be to use Autoloader and a CDN. loadLanguages is intended for server-side NodeJS usage.

[ModernFarmer]

Ok, thank you!