Javascript 在web浏览器中导入ES6模块不工作_Javascript_Ecmascript 6_Es6 Modules

Javascript 在web浏览器中导入ES6模块不工作

javascript ecmascript-6

Javascript 在web浏览器中导入ES6模块不工作,javascript,ecmascript-6,es6-modules,Javascript,Ecmascript 6,Es6 Modules,我试图从filenamemodule_class.js导出一个类，然后在另一个名为dummyClass.js的文件中导入相同的类。在我的dummyClass.js中，我创建了一个新对象，然后调用一个在控制台上打印属性值的方法。在我的dummyClass.html中，我有标签type=“module”，尽管如此，我看不到显示的输出。下面是代码。我不确定我在这里错过了什么 > aryan@SuperMaN$ cd modules_in_js > aryan@SuperMaN$ ls

我试图从filenamemodule_class.js导出一个类，然后在另一个名为dummyClass.js的文件中导入相同的类。在我的dummyClass.js中，我创建了一个新对象，然后调用一个在控制台上打印属性值的方法。在我的dummyClass.html中，我有标签type=“module”，尽管如此，我看不到显示的输出。下面是代码。我不确定我在这里错过了什么

> aryan@SuperMaN$ cd modules_in_js
> aryan@SuperMaN$ ls 
 dummyClass.html dummyClass.js  module_in_class.js  
 modules 
> aryan@SuperMaN$ cd modules/
> aryan@SuperMaN$ ls module_class.js

模块_class.js

 export class Circle {
    constructor (radius) {
        this._radius=radius;

    }

    draw() {
        console.log(`THE RADIUS :- ${this._radius}`);
    }
}

dummyClass.js

import { Circle } from './modules/module_class.js';

const c=new Circle(10);
c.draw();

dummyClass.html

<body>
    <p id='demo'> SEE THE CONSOLE.LOG TO UNDERSTAND THE JAVASCRIPT CODE </p>
    <p id='demo1'> </p>


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

</body>


查看CONSOLE.LOG以了解JAVASCRIPT代码

您的代码正在工作，它成功地将半径：-10打印到控制台。您使用的是支持ES6语法并支持ES6模块的现代浏览器吗？它确实支持ES6语法，但我不确定是否支持ES6模块。我运行的chrome浏览器版本为“Version70.0.3538.77（官方版本）（64位）”。我将如何找到相同的？根据您的Chrome版本（70.0.3538.77），它支持ES6模块。另外，如何加载dummyClass.html，是通过本地文件系统还是通过localhost打开它？它应该通过localhost（或实际服务器）提供，并且

.js

文件/模块必须使用JavaScript MIME类型。