ES6 modules :: 4programmers.net

Raloseq

2019-02-06T20:47:21+01:00

Rejestracja: dni
Ostatnio: dni
Postów: 291

Witam poznaje sobie ES6 i napotkałem problem z es6 modules otóż w chromie zmienna example zwraca mi not defined.

Kopiuj

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

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

</html>

1.js

Kopiuj

export const example = "example";

2.js

Kopiuj

import {
    example
} from './1';
console.log(example);

Seti87

2019-02-06T20:50:33+01:00

Rejestracja: dni
Ostatnio: dni
Postów: 63

Nie załączyłeś pliku 1.js do pliku html.

Neqero

2019-02-06T21:05:48+01:00

Rejestracja: dni
Ostatnio: dni
Postów: 77

Jak wygląda struktura projektu ?

Neqero

2019-02-06T21:31:36+01:00

Rejestracja: dni
Ostatnio: dni
Postów: 77

A zobacz 1.js

Kopiuj

module.exports = {example: "example"};

i 2.js

Kopiuj

const {example} = require('./1');
console.log(example);

Odpalając skrypt za pomocą node, dostaje example. Nie wiem jak odpalasz tego htmla, czy masz jakiś serwer czy cokolwiek.

Neqero

2019-02-06T21:57:03+01:00

Rejestracja: dni
Ostatnio: dni
Postów: 77

export.example = "example"

neves

2019-02-07T08:00:02+01:00

Rejestracja: dni
Ostatnio: dni
Lokalizacja: Kraków
Postów: 1114

dodaj .js do nazwy pliku, i powinno smigać

Kopiuj

import {
    example
} from './1.js';
console.log(example);

Liczba odpowiedzi na stronę

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.

Utwórz konto