Невозможно использовать console.log () в модуле - PullRequest
0 голосов
/ 27 апреля 2020

Я пытаюсь понять, как использовать модули в javascript.

Но, похоже, что если я импортирую модуль, я не могу ничего записать в консоль.

Вот мой код:

индекс. html:

<!DOCTYPE html>
<html>

<head>
</head>

<body>
  <script src="js/scene.js" type="module"></script>
  <script src="js/main.js" type="module"></script>
</body>

</html>

сцена. js:

class Scene {
    constructor() {
        console.log("Scene created");
    }
}

export default Scene;

main. js:

import { Scene } from './js/scene.js';

var scene = new Scene();

console.log("Hello World");

Ожидаемый результат:

Scene created 
Hello World

Результат, который я получаю:

Nothing (No Result)

Что не так с моим кодом и как я могу правильно использовать модуль?

1 Ответ

0 голосов
/ 27 апреля 2020

В вашем сценарии я считаю, что строка 1 main.js выдает ошибку. В вашем файле index.html вы предполагаете, что у вас есть папка с именем js с обоими модулями javascript; однако в файле main.js вы предполагаете, что scene.js находится по пути js/js/scene.js.

Возможно, вы имели в виду import { Scene } from './scene.js';.


Вы должны открыть свой Консоль браузера для просмотра любых ошибок.

Например, если вы используете Google Chrome, знакомство с Devtools Chrome будет иметь неоценимое значение, поскольку позволит вам самостоятельно в будущем устранять подобные ошибки. .

Консоль Chrome Devtools позволит вам просматривать ошибки на вашем веб-сайте, что даст вам немедленный ответ о том, что не так. Кроме того, установка точек останова позволит вам пошагово проходить каждую строку кода и отслеживать поток выполненных строк кода и значение переменных в каждый момент времени.

Подробнее здесь: https://developers.google.com/web/tools/chrome-devtools/javascript

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...