'Unexpected token {' because of an examples/jsm/ module import

Hi. Could you help me solve this problem here(sandbox) at line 10 with importing the threejs module?
I get the Unexpected token { error but only because of this import at line 10:
import { EffectComposer } from "three/examples/jsm/postprocessing/EffectComposer.js";

I thought this is the issue mentioned in this message, but I tried to solve this with the webpack settings, as the message says and it doesn’t work.

This is the webpack settings at nuxt.config.js file:

config.externals = /^three/;
config.resolve.mainFields = ["main", "module"];