Question

我正在尝试从文件名 module_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

module_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>

无法在网络浏览器中导入ES6模块

0 个答案: