Импорт модуля ES6 в веб-браузер не работает - PullRequest
Новая
       11

Импорт модуля ES6 в веб-браузер не работает

0 голосов
/ 03 ноября 2018

Я пытаюсь экспортировать класс из имени файла 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>
...