javascript - 如何为Node和浏览器编写相同的现代ES6 +模块代码？

我需要所有简单文件并放在同一文件夹中...这两个脚本正在node --experimental-modules test.mjs上运行，工作正常：

test.mjs：

import  myClass from './myClass.mjs';

const x = new myClass()
console.log(x.test)

myClass.mjs：

'use strict';
export default class MyClass { ... etc. ...}

但是当与浏览器一起使用时，会出现错误：

index.htm

<!DOCTYPE html>
<html>
<head>
    <script src="./myClass.mjs"></script>
    <script>
      const x = new myClass()
      console.log(x.test)
    </script>
</head>

<body> <p>My test page</p> </body> </html>

错误：

SyntaxError：意外的令牌导出
未捕获的ReferenceError：未定义myClass

另请参见

Localhost not loading module补充问题。

如何为Node和浏览器编写相同的现代ES6 +模块代码？

另请参见

0 个答案: