Webdriverio。 JS。摩卡咖啡。尝试导入页面对象时-错误：无法在模块外部使用import语句

Question

我正在编写自动化测试，并尝试使用页面对象模式，这就是为什么我需要将页面对象导入测试文件中的原因。根据Webdriverio的文档，为了启用导入，我需要安装Babel。我确实安装了它，但是并没有解决问题。我使用了来自Webdriverio文档的命令：npm install --save-dev @ babel / core @ babel / cli @ babel / preset-env @ babel / registerWebdriverio文档还说，需要将以下更改添加到wdio.conf.js文件：

        ui: 'bdd',
        require: ['@babel/register', './test/helpers/common.js'],

我尝试这样做，但似乎没有common.js文件的./test/helpers/common.js目录。该目录应该指的是什么？如果我需要创建common.js文件，它应该包含什么？节点版本：12.13.0Webdriverio：6.1.5任何帮助将不胜感激。

Answer 1

似乎您缺少babeljs的配置文件（babel.config.js）。您应该在根目录中添加它。

以下是根据官方文档here应该包含的内容。

module.exports = {
    presets: [
        ['@babel/preset-env', {
            targets: {
                node: 12 //version should be based on which version you need.
            }
        }]
    ]
}

您可以阅读有关此文件here的更多信息。

我创建了一个工作示例here供您参考。