Q&A
javascriptのexportとimportの使い方を試しているのですが
何が間違っているのか
Uncaught ReferenceError: test is not defined at HTMLInputElement.onclick
というエラーが出ます。
書き方が違うのか原因がわからないのでご教示お願いいたします。
下記ファイルはすべて同一階層に配置しています。
Googleで検証しています。
html
1<!DOCTYPE html> 2<html> 3<head> 4 <title>サンプル</title> 5 <script type="module" src="main.js"></script> 6</head> 7<body> 8 <input type="button" value="実行" onclick="test()"> 9</body> 10</html>
main.js
javascript
1function test() { 2 import {display} from 'export.js'; 3 display('Hello'); 4}
export.js
javascript
1export function display(str) { 2 alert(str); 3}
回答1件
0
ベストアンサー
宣言型のimport ~~~~;はソースコードのトップレベルに置く必要があります。関数内には置けません。
そして、モジュール内に置いた関数はグローバルには出てきませんので、onclick="test()"のような使い方をするには自分でwindow.test = testのようにする必要があります。
投稿2018/11/26 04:36
編集2018/11/26 04:37
総合スコア145183
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。