javascript – ES6导入/导出是否需要“.js”扩展名？

我安装了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也可以在没有扩展的情况下构建它！

解决方法

扩展名是文件名的一部分.你必须把它放进去.

作为证明尝试这个：

>将文件重命名为drawImage.test
>编辑index.js以包含’./drawImage.test’

重新加载,你会看到扩展js或test完全是arbirary,只要你在导出中指定它.

显然,在测试后恢复到正确/更好的js扩展.