javascript - ES6 导入/导出是否需要 ".js"扩展名？

Question

我安装了 chrome beta - 版本 60.0.3112.24(官方构建)beta(64 位)

在 chrome://flags/中，我启用了“实验性 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 错误还是 ES6 在这种情况下需要扩展？

webpack 也可以在没有扩展名的情况下构建它!

Answer 1

不，模块不关心扩展。它只需要是一个解析为源文件的名称。

在你的例子中，http://localhost/bla/src/drawImage 不是一个文件，而 http://localhost/bla/src/drawImage.js是的，所以这就是错误的来源。例如，您可以在所有导入语句中添加 .js，或者将服务器配置为忽略扩展名。 Webpack 做同样的事情。浏览器不会，因为它不允许任意重写 url。