如何解決”SyntaxError: Cannot use import statement outside a module”問題？

遇到”SyntaxError: Cannot use import statement outside a module”的時候，代表著目前的執行環境並沒有支援module的功能，因此會出現這個錯誤。

HTML的解決方式

如果是HTML的情況，在<script></script>上加上type=”module”，並且瀏覽器版本支援module執行的話，就可以解決這個問題。

<script type="module" src="example.js">
#do somethings...
</script>

瀏覽器支援版本參考：MDN – JavaScript modules

Node.js的解決方式

Node一般都會建立Node執行環境的資料夾，在裡面找到package.json檔案，加上"type":"module"就可以修復。

//File Name : package.json
{
  // ...
  "type": "module",
  // ...
}