为什么 ES6 导入在纯 js 文件中不起作用

Question

我在从库导入纯 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”但找不到解决方案时，我第一次出现此错误。这就是为什么我决定问你，希望能找到这个问题的答案或最终解决方案。

......................................

Answer 1

浏览器无法访问 npm，甚至不知道它是什么。因此像“@company/package”这样的导入语句在浏览器中不起作用。您需要一个构建工具来从 /node_modules/ 中获取这些内容并将其与您的应用程序捆绑在一起。

或者，您可以从 node_modules 本身复制相关部分，将其粘贴到您知道是应用程序一部分的文件夹中，然后通过相对路径从该位置导入它。