我安装了chrome beta - 版本60.0.3112.24（官方版本）测试版（64位）
在chrome：// flags / I中启用了“实验性Web平台功能”（请参阅https://jakearchibald.com/2017/es-modules-in-browsers）
然后我尝试了：
<script type="module" src='bla/src/index.js'></script>
其中index.js的行如下：
export { default as drawImage } from './drawImage';
这是指现有的文件drawImage.js
我在控制台中得到的是
中的错误GET http://localhost/bla/src/drawImage
如果我更改导出并添加“.js”扩展名，则可以正常工作。
这是一个chrome bug还是ES6在这种情况下要求扩展？
webpack也可以在没有扩展名的情况下构建它！
答案 0 :(得分：7)
扩展名是文件名的一部分。你必须把它放进去。
作为证据，试试这个：
drawImage.test index.js以包含'./drawImage.test' 重新加载，您会看到扩展名js或test完全无效，只要您在export中指定。
显然，在测试后恢复到正确/更好的js扩展名。
答案 1 :(得分：5)
不，模块不关心扩展。它只需要是一个解析为源文件的名称。
在您的情况下，http://localhost/bla/src/drawImage不是http://localhost/bla/src/drawImage.js时的文件，因此会出现错误。例如，您可以将服务器配置为忽略扩展名。 Webpack也是如此。
答案 2 :(得分：1)
ES6 导入/导出需要“.js”扩展名。 节点文档中有明确说明：