先謝謝回覆問題
請某位大神能救救我的問題。
我的問題 : Uncaught SyntaxError: Cannot use import statement outside a module
環境是 : node.js, vue.js
嘗試過的方法(打X是我嘗試過都失敗的方法)
X - package.json裡面新增 'type' : 'module'.
X - cmd中執行 node --experimental-modules index.js
X - 在HTML中直接使用<script type="module">...</script>
X - 將JS檔案的副檔名改成mjs或cjs
更1
這是我的gitHub : https://github.com/LiTipo/test/tree/main
我是使用 vue-cli 去create一個vue專案直接執行。
已邀請的邦友 {{ invite_list.length }}/5
1.安裝 Babel
npm install @babel/core @babel/cli @babel/preset-env --save-dev
2.新增一個 .babelrc 檔案
{
"presets": ["@babel/preset-env"]
}
3.使用 Babel 將你的 JS 檔案轉換為 ESM 模式：
npx babel main.js --out-file main.esm.js --modules esm
4.更改 HTML 中的 script 標籤
<script src="./main.js"></script>
改成：
<script type="module">
import { createApp } from './main.esm.js';
createApp().mount('#app');
</script>
正常運行
iThome鐵人賽
看影片追技術