Angular 6 - 找不到模塊：錯誤：無法解析“http”

Question

我正在嘗試使用 angular 6 的 TinCanJS 庫

github項目

我使用npm install tincanjs --save安裝了該軟件包

我在 angular.json 中導入文件如下：

"scripts": [
              "./node_modules/tincanjs/node_modules/xhr2/lib/xhr2.js",
              "./node_modules/tincanjs/build/tincan-min.js"
            ]

我也試過如下：

"scripts": [
    "./node_modules/xhr2/lib/xhr2.js",
    "./node_modules/tincanjs/build/tincan-min.js"
]

在我的應用程序組件中，我將 tincan 庫作為純 javascript 導入，因為它沒有鍵入腳本，如下所示：

import * as TinCan from 'tincanjs';

當我使用ng serve構建項目時，我不斷收到以下錯誤：

ERROR in ./node_modules/tincanjs/node_modules/xhr2/lib/xhr2.js
Module not found: Error: Can't resolve 'http' in 'C:\Dev Projects\xAPI Angular Example\xAPIExample\node_modules\tincanjs\node_modules\xhr2\lib'
ERROR in ./node_modules/tincanjs/node_modules/xhr2/lib/xhr2.js
Module not found: Error: Can't resolve 'https' in 'C:\Dev Projects\xAPI Angular Example\xAPIExample\node_modules\tincanjs\node_modules\xhr2\lib'
ERROR in ./node_modules/tincanjs/node_modules/xhr2/lib/xhr2.js
Module not found: Error: Can't resolve 'os' in 'C:\Dev Projects\xAPI Angular Example\xAPIExample\node_modules\tincanjs\node_modules\xhr2\lib'

TincanJS 庫依賴於 xhr2。 我已經檢查了物理文件夾，並且 xhr2.js 文件存在於正確的位置。

我想知道我做錯了什么？ 你能幫我嗎

Answer 1

刪除xhr2

它應該是，

"scripts": [
    "node_modules/tincanjs/build/tincan-min.js"
]

對於聲明，而不是

import * as TinCan from 'tincanjs';

用

declare const TinCan: any;