Question

我正在研究将ES6导入/导出添加到Transcrypt Python到JavaScript编译器。作为实验，我有以下代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />            
        <script type="module" src="testmodule.js"></script> 
        <script type="module" src="testmain.js"></script>
    </head>
    <body>
    </body>
</html>

和testmodule.js：

'use strict';

function testmodule_f () {
    function cube(x) {
      return x * x * x;
    }
    const foo = Math.PI + Math.SQRT2;
    var graph = {
        options:{
            color:'white',
            thickness:'2px'
        },
        draw: function(){
            console.log('From graph draw function');
        }
    }
    var all = {cube, foo, graph};
    return all;
}

var testmodule = testmodule_f ();

export {testmodule as default};

和testmain.js：

'use strict';

import {tm} from './testmodule.js';
tm.graph.options = {
    color:'blue',
    thickness:'3px'
}; 
tm.graph.draw();
console.log(tm.cube(3)); // 27
console.log(tm.foo);    // 4.555806215962888

我明白了：

Uncaught SyntaxError: The requested module does not provide an export named 'tm'

使用普通命名导出（因此没有默认值），它可以正常工作。我做错了什么？

此外，如果我将testmain.js更改为以下内容，则可以正常工作：

'use strict';
import {default as tm} from './testmodule.js';
tm.graph.options = {
    color:'blue',
    thickness:'3px'
}; 
tm.graph.draw();
console.log(tm.cube(3)); // 27
console.log(tm.foo);    // 4.555806215962888

似乎Chrome没有对default这个词做任何事情，除了把它当成一个完全普通的名字？但这与之相矛盾：

https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export

和

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

Answer 1

以下作品：

testmain.js

PictureBox

testmodule.js

'use strict';
import tm from './testmodule.js';
tm.graph.options = {
    color:'blue',
    thickness:'3px'
}; 
tm.graph.draw();
console.log(tm.cube(3)); // 27
console.log(tm.foo);    // 4.555806215962888

我仍然认为原始代码也应该有效......

无法使用EXPORT AS DEFAULT处理chrome版本64.0.3282.186（官方版本）（64位）

1 个答案: