如何解决在标记为模块的脚本标签中使用“import”语句会产生 404 错误
我有一个 NodeJS 项目,它使用 Webpack 进行打包并使用 Express 进行服务。当用户访问我的根域时,我会为他们提供一个 index.html
文件,该文件在页脚内包含一个 <script>
块。此脚本块的 type
为 module
。
index.html
<!DOCTYPE html>
<html lang="en">
<head><!--content--></head>
<body><!--content--></body>
<footer>
<script type="module">
import MyService from './services/my';
// Use MyService
</script>
</footer>
</html>
当然,我在指定的目录中有一个 my.js 模块:
export default class MyService { ... }
但是,当我构建、启动和访问我的应用程序(在本地主机上)时,我在控制台中收到以下错误:
GET https://localhost:3009/services/my.js net::ERR_ABORTED 404(未找到)
看来我的应用正在尝试通过 URL 而不是代码树来定位该模块。
是否需要对我的设置进行不同的配置才能使其正常工作?我需要一个单独的 Webpack 入口点吗?欢迎提出建议。谢谢。
解决方法
必须包含文件扩展名。
import MyService from './services/my.js';
https://github.com/ChrisWong979/using-import-statement-inside-script-tag
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。