Nie można używać instrukcji importu zewnętrznego modułu w JavaScript

Moduły to fragmenty kodu JavaScript napisane w pliku. Moduły JavaScript ułatwiają modularyzację kodu poprzez rozdzielenie całego kodu na moduły, które można załadować z dowolnego miejsca. Moduły są używane do utrzymywania, debugowania i ponownego wykorzystania kodu. Każdy moduł składa się z kawałka kodu, który wykonuje się po załadowaniu.

Ten samouczek opisuje:

• Czego „nie można użyć instrukcji importu poza modułem”?
• Jak występuje „nie można używać instrukcji importu poza modułem”?
• Jak naprawić błąd „Nie można użyć instrukcji importu poza modułem”?

Czego „nie można użyć instrukcji importu poza modułem” w JavaScript?

„„Nie można używać instrukcji importu poza modułem”To błąd w JavaScript, z którym możesz się spotkać podczas importowania dowolnego instrukcji spoza modułu.

W jaki sposób „nie można używać instrukcji importu poza modułem” w JavaScript?

Ten błąd występuje podczas próby użycia funkcji ES6 w projekcie JavaScript, ponieważ moduły są nowszą wersją zawartą w ES6, w której każdy moduł jest zdefiniowany przez unikalny ”.JS" plik. Aby importować lub eksportować klasy z ich właściwościami, funkcjami, zmiennymi lub innymi komponentami między plikami i modułami, użyj „import" Lub "eksport”Instrukcja w module.

Zobaczmy, jak ten błąd występuje w JavaScript:

Przykład
Mamy moduł JavaScript „dane.JS”, Która zawiera klasę„Dane”I metoda„addData ()„To zaimportuje projekt JavaScript w znaczniku za pomocą„import”Słowo kluczowe:

Dane dane wyjściowe pokazuje, że podczas importowania modułu „Nie można używać instrukcji importu poza modułem" występuje błąd:

Zobaczmy rozwiązanie, aby naprawić ten błąd.

Jak naprawić „Nie można użyć instrukcji importu poza modułem” w JavaScript?

Aby naprawić „Nie można używać instrukcji importu poza modułem„Błąd, ustaw atrybut typu znacznika na moduł w kodzie HTML. Teraz możesz użyć składni modułu ES6 w swoim kodzie JavaScript:

Podane okno pokazuje, że błąd został pomyślnie rozwiązany:

Opracowaliśmy niezbędne informacje związane z określonym błędem i dostarczyliśmy odpowiednie rozwiązanie

Wniosek

„„SyntaxError: Nie można używać instrukcji importu poza modułem”Występuje, gdy używasz składni modułów ES6 w skrypcie, który nie został załadowany jako moduł. Aby rozwiązać ten błąd i użyć importu modułu ES6 w JavaScript, ustaw typ atrybutu znacznika na moduł w kodzie HTML. Ten samouczek opisał, co „Nie można używać instrukcji importu poza modułem„Błąd polega na tym, jak to się dzieje i jak to naprawić w JavaScript.