hola me sale este error

SyntaxError no capturado: no se puede usar la declaración de importación fuera de un módulo

Expectativa: estoy listo para usar cualquier biblioteca o paquete npm si resuelve el problema de import , cualquier archivo de extensión, no solo .vue

a pesar de instalar webpack "webpack": "^5.73.0"

Así es como se verá la estructura de mi proyecto

 /project_folder package.json index.js webpack.config.js components/ HelloWorld.vue

paquete.json

 { "type": "module", "main": "index.js", "dependencies": { "axios": "^0.21.0", "vue": "^2.6.14" }, "devDependencies": { "webpack": "^5.73.0" } }

webpack.config.js

 module.exports = { entry: './index.js', };

índice.js

 import HelloWorld from './components/HelloWorld.vue'; console.log(HelloWorld);

Nota: este tipo de diseño de estructura de proyecto es necesario para nuestro componente de complemento, el diseño de estructura de proyecto no se puede cambiar.