ES6模块故障
解决了:修复我的服务器的MIME类型解决了问题。，我忘记了，不久前我亲自处理了它们。特别感谢@Sidney，@estus和@乔希·李帮助我。
一旦我在ES6模块的MDN上找到了一个只在我当前版本的Chrome中工作的ES6，我就想尝试对模块进行实验。遗憾的是，我无法得到任何与执行相关的模块，即使是现场演示也很好。我甚至将两个文件(index.html、utils.js)复制到服务器上的一个目录中，试图准确地重新创建这个实时演示，但它仍然连一行代码都无法运行。我遗漏了什么？有人能给我一些提示，说明什么时候执行模块脚本，为什么我的脚本不执行？
tl;dr:我找到了一个ES6模块的工作示例，但是尝试在我自己的本地服务器上重新创建它是行不通的。
编辑：是的，控制台被设置为“隐藏所有”。然而，这两个站点都显示了一个丢失favicon.ico的错误，因此这与我的问题无关。
编辑：由MDN引用的文章，包含实况演示。
更新：似乎是因为我的本地服务器在获取模块时给出的MIME类型不正确。
index.html/test.htm：
<!DOCTYPE html>
<meta name="viewport" content="width=device-width, minimum-scale=1.0">
<script type="module">
import {addTextToBody} from './utils.js';
addTextToBody('Modules are pretty cool.');
</script>utils.js：
export function addTextToBody(text) {
const div = document.createElement('div');
div.textContent = text;
document.body.appendChild(div);
}矿场：
现场演示：
回答 2
Stack Overflow用户
发布于 2017-09-10 16:10:30
这里的错误消息是
加载模块脚本失败:服务器响应非JavaScript类型的"text/html“。根据HTML规范，对模块脚本实施严格的MIME类型检查。
这是对web开发的一个新的要求，到目前为止，大多数情况下，不正确的MIME类型都可以避免麻烦。
两个用于本地开发的快速web服务器(据我所知具有合理的MIME处理)如下：
在您的示例中，没有显示错误消息，这是
隐藏所有…1项由过滤器隐藏
通过单击“隐藏所有”并选择“默认”(您可能希望在工作时将其设置为“所有级别”)来修复此问题。或将devtools重置为其默认状态：
- 在devtools中按F1 (或选择菜单>设置)。
- 滚动到底部，并单击“还原默认值和重新加载”。
Stack Overflow用户
发布于 2020-02-28 00:14:19
我用这个yaml解决了这个问题。
runtime: python38
service: yourservice
handlers:
- url: /(.*\.(gif|png|jpg|less|json|woff|woff2|ttf|eot|scss|css|js|ico|svg)(|\.map))$
static_files: dist/\1
upload: dist/(.*)(|\.map)
- url: /(.*)
static_files: dist/index.html
upload: dist/index.htmlhttps://stackoverflow.com/questions/46138375
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号