ES6 modules

Raloseq
  • Rejestracja:prawie 7 lat
  • Ostatnio:4 dni
  • Postów:286
0

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);
S8
  • Rejestracja:ponad 6 lat
  • Ostatnio:8 miesięcy
  • Postów:63
0

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

Raloseq
A po co mam załączać go jak z niego tylko exportuje ?
NE
  • Rejestracja:ponad 10 lat
  • Ostatnio:prawie 3 lata
  • Postów:77
0

Jak wygląda struktura projektu ?

Raloseq
Wszystko w jednym folderze, żadnych podfolderów .
NE
  • Rejestracja:ponad 10 lat
  • Ostatnio:prawie 3 lata
  • Postów:77
0

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.

edytowany 1x, ostatnio: Neqero
Raloseq
Nadal nic ,w ogóle console.log'a nie chce wyświetlić
Raloseq
Czekaj to za pomocą serwera trzeba odpalać ?
NE
  • Rejestracja:ponad 10 lat
  • Ostatnio:prawie 3 lata
  • Postów:77
0

export.example = "example"

neves
  • Rejestracja:prawie 22 lata
  • Ostatnio:około 11 godzin
  • Lokalizacja:Kraków
  • Postów:1114
1

dodaj .js do nazwy pliku, i powinno smigać

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

Raloseq
Kolega wyżej mówił , że przez noda trzeba to odpalać . Ściągnąłem mam tą konsole tylko jak to odpalić ?
neves
przy używaniu ES6 modules nie potrzebujesz node, moduły działają już od dawna w Chrome
Raloseq
Naprawdę po dodaniu .js działa przecież to jest automatycznie ustawione, że są to pliki *.js.

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.