angular - 试图将WebdriverIO包含到Angular Electron App中

Question

背景:我目前正在尝试从Angular Electron App内部实现基本的WebdriverIO example。我的应用基于Angular Electron Boilerplate。我已经通过npm安装了webdriverio和@types/webdriverio。然后，我创建了以下服务:

import { Injectable } from '@angular/core';
import { remote, Options } from 'webdriverio';

@Injectable()
export class WebdriverioService {
    remote: typeof remote;
    options: Options;

    constructor() {
        this.options = {
            desiredCapabilities: {
                browserName: 'chrome'
            }
        }
    }

    test(): void {
        remote(this.options) // <-- this line causes the error
            .init()
            .url('http://www.google.com')
            .getTitle().then(function (title) {
                console.log('Title was: ' + title);
            })
            .end()
            .catch(function (err) {
                console.log(err);
            });
    }
}

我已使用 评论标记了关键行。首先，我得到以下编译器警告:

WARNING in ./node_modules/webdriverio/build/lib/launcher.js
138:39-55 Critical dependency: the request of a dependency is an expression

WARNING in ./node_modules/webdriverio/build/lib/utils/ConfigParser.js
144:58-75 Critical dependency: the request of a dependency is an expression

WARNING in ./node_modules/webdriverio/build/lib/helpers/getImplementedCommands.js
59:44-90 Critical dependency: the request of a dependency is an expression

WARNING in ./node_modules/webdriverio/build/lib/launcher.js
812:34-50 Critical dependency: the request of a dependency is an expression

其次，我的应用抛出以下错误:

Uncaught Error: ENOENT, protocol not found in <<Path to App>>\node_modules\electron\dist\resources\electron.asar
at notFoundError (ELECTRON_ASAR.js:114)
at Object.fs.readdirSync (ELECTRON_ASAR.js:588)
at getImplementedCommands (getImplementedCommands.js:40)
at Object../node_modules/webdriverio/build/index.js (index.js:59)
at __webpack_require__ (bootstrap:76)
at Object../src/app/providers/webdriverio.service.ts (electron.service.ts:10)
at __webpack_require__ (bootstrap:76)
at Object../src/app/app.module.ts (app.component.ts:11)
at __webpack_require__ (bootstrap:76)
at Object../src/main.ts (environment.ts:4)

我认为这个问题似乎主要与 typescript 配置有关，但我并不肯定。我真的不知道在哪里看。有人可以告诉我我忘记了什么吗？

Answer 1

我不知 Prop 体的答案，但是我正在研究a similar idea。

我还没有弄清楚如何解决“依赖项的请求是一个表达式”的问题，但是我确实知道它似乎现在没有干扰。您可能会忽略该问题。

Asar的 Electron 也让我有些困惑。也许看看我上面链接的 repo 代码会有所帮助。我知道这帮助了我很多时间来查看各种 Electron 存储库。