如何解決”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",
  // ...
}

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。

回到頂端