遇到”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",
// ...
}