问题描述

我在 Electron 中有一个 Angular2 应用程序.现在，我想使用 @pokusew/pcsclite 库来使用 NFC 功能.该库使用原生 Node.js 模块.

I have an Angular2 app inside Electron. Now, I would like to use the @pokusew/pcsclite library to use NFC functionality. This library uses native Node.js modules.

当我尝试 require 我的 component.ts 中的库时，如下所示:

When I try to require the library in my component.ts like this:

declare var pcsclite: any;
var pcsclite = require('../../../node_modules/@pokusew/pcsclite/');

我收到错误提示:

错误 TS6143:模块../.."已解析为../../lib/pcsclite.js"，但未设置--allowJs".

error TS6143: Module '../..' was resolved to '../../lib/pcsclite.js', but '--allowJs' is not set.

另一方面，如果我尝试通过 index.html 中的 <script>-Tag 导入库，则会收到一条错误消息:

On the other hand, if I try to import the library via a <script>-Tag in the index.html I get an error that says:

ZoneAwareError 错误:找不到绑定文件.试过了:...

ZoneAwareError Error: Could not locate the bindings file. Tried:...

最后，如果我 var pcsclite = require('@pokusew/pcsclite'); 在 main.js 中，那么它可以工作，但是我没有可以从我的 Angular 应用程序中访问它.

Finally, if I var pcsclite = require('@pokusew/pcsclite'); in the main.js, then it works, but then I don't have access to it from inside my Angular app.

推荐答案

像这样在 tsconfig.json 中添加 allowJs 选项:
正如 fabian lauer 所说，还添加了 outDir 选项来指定编译文件的位置:

Add the allowJs option in your tsconfig.json like this:
as fabian lauer said also add outDir option to specify where your compiled files will be:

{
    "compilerOptions": {
        "outDir": "./built", <--- add this
        "allowJs": true,  <--- and this
        "target": "es5"
    },
    "include": [
        "./src/**/*"
    ]
}