import export がうまく動作しない

Question

import・exportを初めて試しているところです。
教科書通りにやっているつもりなのですが、うまくいきません。

<script type="module" src="importing.js"></script>

importing.js↓

import {tes} from "./module.js";
const abcde=111;
console.log("here importing");
console.log(abcde);

module.js↓

export const tes = "181028";

##実行したこと
上記３つのファイルは全て同じディレクトリに置いています。
htmlファイルをローカルで実行し、chromeで表示させて、consoleを確認しました。

##期待する動作
console に以下の表示がされる。

"181028"
"here importing"
111

##結果
正常に動作しません。
・consoleになにもメッセージが出ない
・consoleにエラーメッセージも出ない
・tes　だけでなく、abcde　も here importingも反応しない。→最後まで読み込まれていない？

どこがおかしいのでしょうか。
ご指導お願いいたします。

Answer 1

コピペして、試してみましたが正常に動きました。
chromeのバージョンは： 70.0.3538.77

どこがおかしいのでしょうか。

もしかしたら、ローカルファイル(file:///プロトコル)で実行していませんか？
それだとセキュリティの関係で読み込まれませんので、サーバーを立ててhttpで実行してください。

Comments

[退会済みユーザー]

ありがとうございます！　ローカルファイルで実行していました。サーバーで試してみます。

[退会済みユーザー]

無事に動きました！