javascript - 如何在 html 中加载 javascript 模块

Question

每当我在index.js文件中导入库并尝试在index.html文件中使用它时，都会收到错误消息。

脚本标签index.html： <script src="index.js" type="module"></script>

中的导入语句index.js：import axios from './node_modules/axios';

我收到的错误：

*我在本地服务器上运行应用程序，而不是在文件系统上。

标签： javascripthtmlecmascript-6

Answer 1

您需要提供ES6 模块文件的 URL，而不是自动生成的显示axios 目录中文件索引的 HTML 文档的 URL 。

Axios 发行版包括：

node_modules/axios/dist/axios.min.js

…但这似乎是“在浏览器中使用常规脚本标签加载”和 CommonJS 模块的混合体——不是ES6 模块，所以你不能import这样做。

考虑改用 Webpack 之类的工具。