Cannot use import statement outside a module, when using script with html

Question

I want to make app using socket.io, i watched tutorial and then tried doing it myself. Server part works normal, and client part also, but when i tried to make html and connect client to server this error shows up in console: Cannot use import statement outside a module . I tried everything - adding type:module in package.json, renaiming script to script.mjs and using require() instead of import . Require also gives error: require is not defined . Here is client.js:

//const io = require("socket.io-client") - not working
import io from 'socket.io-client'

const socket = io('http://localhost:7777')

socket.on('message',message =>{
    console.log(message)
})

Thanks!

Answer 1

maybe you forgot to add "type": "module" on your package.json file. for more details, please take a look at this link "Uncaught SyntaxError: Cannot use import statement outside a module" when importing ECMAScript 6 , thank you