質問: new TestConsole(); ``` class.js ``` class TestConsole { constructor() { console.log("imported"); } } export default TestConsole; ```
回答: 原因がわかりましたので、 回答させていただきます。 maisumakunさんのコメントにもあります通り、 **CORSエラー**です。 ES Moduleは、どうやら、JavaScript上での直接ファイルアクセスとなるようですね。 つまりは、ローカルでは、同じディレクトリ上でも、そもそもドメインがないので、 異ドメイン間と認識されるのかと思われます。 そうなると、異ドメイン間のスクリプトからのファイル直でのアクセスは、ブラウザによってセキュリティが働くため、基本行えません。 下記に、ローカルでも、スクリプトのファイル直アクセスが可能な方法を二つほど記載します。 * ブラウザのオプション起動 オプション起動によって、ローカルファイルへのアクセスを許可させる方法です。 やり方はご自身でお調べください。 * ローカルサーバーを立てる ローカルサーバーを立てて起動すれば、同ドメインとなるため、CORSエラーはでません。 (検証済) XAMPP(Windows)、MAMP(Mac)が有名です。 こちらもご自身でお調べください。 って、最近同じ回答何回もしてる気がする。