關於控制台報錯“Cannot use import statement outside a module”問題的解決

問題還原：

1.首先在main.js里 使用ES6語法import引入另外一個js模塊。

 

 2.此時將main.js在index.html中通過script標簽引入，如下

 

 3.右鍵通過vscode提供的插件live server打開這個html文件

此時控制台拋出一個錯誤：Cannot use import statement outside a module

 

 

 

解決辦法：在html文件script標簽引入js文件時添加屬性type="module"。保存重新打開頁面，見頁面無報錯