Question

我有以下“网站”（随意浏览，这里唯一重要的部分是import语句）：

<html>
    <head>  
    </head>
    <body> 
        <script>

            import * as mathSolverModule from 'components/mathSolverModule';

            var result = mathSolverModule.add(2+2); 

            document.write(result); 
        </script>
    </body>
</html>

mathSolverModule文件是这样的：

export function multiply(x, y) {
    return x * y; 
}

export function add(x, y) {
    return x + y; 
}

可以预见，在最新的Chrome中运行此错误时会出现以下错误：

未捕获的SyntaxError：意外的令牌导入

解决此问题的最简单方法是什么？是否有一些脚本可以包含“只是让它工作”或者我是否需要SystemJS / WebPack / etc并且需要编译成其他东西（ES5，据我所知）？

编辑，我试过了：

<html>
    <head>  
        <script src = "https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.14.0/babel.min.js"></script> 
    </head>
    <body> 
        <script type="text/babel">

            import * as mathSolverModule from 'components/mathSolverModule';

            var result = mathSolverModule.add(2+2); 

            document.write(result); 
        </script>
    </body>
</html>

我得到以下内容：

未捕获的ReferenceError：未定义require

如何在2016年9月在浏览器中使用ES6模块？

0 个答案: