file is a commonjs module it may be converted to an es6 module 해결

file is a commonjs module it may be converted to an es6 module

자바스크립트를 쓰다가 이런 경고를 봤을 것이다, 보통 자바스크립트에서 require나 import의 키워드를 통해서 외부 라이브러리를 불러오게됩니다. 이때 require을 쓰면, 이러한 문구를 보게 됩니다.

 

 

알림 문구를 없애고 싶다면 두가지, 총 2가지 방법이 존재합니다.

1. settings.json파일에 설정값을 변경
2. import로 대체하는 방법

 

1. settings.json

"typescript.suggestionActions.enabled": false
"javascript.suggestionActions.enabled": false

 

제안을 보지 않게 합니다, 하지만 이는 이 알림 문구 이외에 다른 문구들의 제안을 보지 못하기 때문에, 유의해야 합니다. 

 

2. import

import Web from "web3"

 

import로 대체 시, Cannot use import statement outside a module이라는 SyntaxError가 나올 수 있습니다.
해당 파일에서는 package.json 파일에 "type": "module"의 문구를 추가해주면 됩니다.

{
  "name": "node",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "web3": "^1.7.0"
  },
  "type": "module"
}

이렇게하면 정상적으로 import와 경고문구를 해결하여 사용할 수 있습니다.