【发布时间】：2021-09-01 10:09:54
【问题描述】：
提前感谢您的帮助。
这个问题似乎已经在其他地方提出并得到了回答，但我相信我已经尝试了所有这些解决方案，但都没有取得真正的进展。
我正在尝试为 webdriverIO 创建一个自定义报告器。但是，当所有导入都在运行时，我收到以下错误：
SyntaxError: 不能在模块外使用 import 语句
如果我尝试在 wdio.conf 文件的顶部执行 import 语句，我会在 import WebdriverTestrailsReporter 行收到上述错误。我可以通过使用 require 来解决这个问题，但是在从 import WDIOReporter from '@wdio/reporter' 上的 typescript 类执行导入时会遇到相同的错误。
当我尝试将 "type": "module" 添加到我的 package.json 时，我收到一个新错误：
错误 [ERR_REQUIRE_ESM]：必须使用导入来加载 ES 模块： /Users/XXXXX/WebstormProjects/integration_test_framework/wdio.conf.local.js 不支持 ES 模块的 require()。要求（）的 /Users/XXXXX/WebstormProjects/integration_test_framework/wdio.conf.local.js 从 /Users/XXXXX/WebstormProjects/integration_test_framework/node_modules/@wdio/config/build/lib/ConfigParser.js 是一个 ES 模块文件，因为它是一个 .js 文件，其最近的父级 package.json 包含 "type": "module" 定义所有 .js 文件 该包范围作为 ES 模块。而是将 wdio.conf.local.js 重命名为 以 .cjs 结尾，将需要的代码更改为使用 import()，或删除 “类型”：“模块”来自 /Users/n1531435/WebstormProjects/integration_test_framework/package.json。
使用 cjs 文件扩展名让我回到一开始的导入错误。我无法更改需要的代码，因为它存在于 WDIO ConfigParser 而不是我的项目中。
我也玩过很多 tsconfig 中的值，包括目标值（es2015、es2017），但似乎没有任何效果。有什么想法吗？
据我了解，此设置中有 4 个相关文件。我在下面复制了它们：
- wdio.conf.js
- tsconfig
-
package.json 和我的
wdio自定义 Reporter
相关文件sn-ps：
wdio.conf.js
//const WebdriverTestrailsReporter = require('./src/test/ui/WebdriverTestrailsReporter.js');
import WebdriverTestrailsReporter from './src/test/ui/WebdriverTestrailsReporter';
var isHeadless = process.env.HEADLESS === 'TRUE';
var useFirefox = process.env.USE_FIREFOX === 'TRUE';
var useChrome = process.env.USE_CHROME ? process.env.USE_CHROME === 'TRUE' : true;
exports.config = {
reporters: ['spec', WebdriverTestrailsReporter]
package.json：
{
"name": REDACTED
"version": "1.1.0",
"description": "",
"main": "index.js",
"bin": {
REDACTED
},
"publishConfig": {
"registry": "https://repo.forge.lmig.com/api/npm/npm-releases/"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"@wdio/allure-reporter": "^6.4.7",
"@wdio/cli": "^6.4.5",
"@wdio/local-runner": "^6.4.5",
"@wdio/mocha-framework": "^6.4.0",
"@wdio/sauce-service": "^6.4.6",
"@wdio/spec-reporter": "^6.4.7",
"@wdio/sync": "^6.4.5",
"chromedriver": "^90.0.0",
"fibers": "^5.0.0",
"geckodriver": "^1.20.0",
"husky": "^4.3.0",
"mocha": "^8.1.1",
"prettier": "^2.2.0",
"selenium-webdriver": "^4.0.0-alpha.7",
"wdio-chromedriver-service": "^6.0.4",
"wdio-geckodriver-service": "^1.1.1"
},
"dependencies": {
"@types/chai": "^4.2.12",
"@types/es6-promise": "^3.3.0",
"@types/mocha": "^8.0.2",
"@types/node": "^14.11.5",
"async": "^3.2.0",
"axios": "^0.20.0",
"chai": "^4.2.0",
"date-fns": "^2.16.1",
"execa": "^4.1.0",
"graphql": "^15.3.0",
"graphql-request": "^3.2.0",
"mocha": "^8.1.1",
"sleep": "^6.3.0",
"ts-node": "^9.0.0",
"typescript": "^4.1.2",
"typings": "^2.1.1"
},
"husky": {
"hooks": {
"pre-push": "npm run tsc && npm run prettier"
}
}
}
Reporter（前两行，我们永远不会超过它们）
import WDIOReporter from '@wdio/reporter'
import { TestRailConfig } from '../TestRailConfig';
tsconfig：
{
"compilerOptions": {
"module": "commonjs",
"target": "es6",
"sourceMap": true,
"skipLibCheck": true,
"lib": ["es6"],
"outDir": "lib",
"types": ["node", "@wdio/sync", "@wdio/mocha-framework"]
},
"include": ["src/**/*"],
"exclude": ["node_modules"]
}
【问题讨论】：
标签： javascript node.js typescript webdriver-io