Почему импорт ES6 не работает в простых файлах js
У меня проблема с импортом в простые файлы JavaScript из библиотек.
например, в настоящее время я пытаюсь изучить Redux и обнаружил, что мне следует изучить набор инструментов Redux. но когда я пытаюсь импортировать configureStore, появляется ошибка
импортирующий код:
import { configureStore } from "@reduxjs/toolkit";
вывод ошибки:
Uncaught TypeError: Failed to resolve module specifier "@reduxjs/toolkit". Relative references must start with either "/", "./", or "../".
эта ошибка произошла со мной впервые, когда я пытался изучить «Chart.js», но не смог найти для нее решения. поэтому я решил спросить вас, надеясь найти ответ или окончательное решение этой проблемы.
............................................
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Браузеры не имеют доступа к npm и даже не знают, что это такое. Поэтому операторы импорта, такие как «@company/package», не будут работать в браузере. Вам понадобится инструмент сборки, чтобы извлечь эти вещи из /node_modules/ и связать их с вашим приложением.
Альтернативно вы можете скопировать соответствующие части из самого node_modules, вставить их в папку, которая, как вы знаете, является частью вашего приложения, и импортировать их из этого места по относительному пути.
Это:
Relative references must start with either "/", "./", or "../"нельзя выразить яснее другими словами, чем то, как это отображается в сообщении об ошибке.