typescript - 在 typescript 项目中使用 js 文件时出现问题。角 CLI

Question

我发现了一个很棒的 github 项目，我希望在我的项目中使用它。我确定我会再次遇到这个问题。所以我真的希望我能在这方面得到帮助。该项目位于 URL 中:https://github.com/lokesh/color-thief .我正在尝试将 js 文件 color-thief.js 导入我的项目并在 TS 文件或组件中使用它。我将该文件添加到我的 scripts[] 中的 angular.json 文件中。然而，我仍然在访问方法 getColor() 时遇到问题。我正在使用智能机。我无法让智能感知或代码完成工作。这进一步让我觉得我没有正确导入文件。

这是我的 ts 文件。

declare var ColorThief: any;

获取js文件的路径是

'../../js/color-thief.js'

环境设置是一场噩梦。

Answer 1

确保在您的 angular.json 文件中，脚本属性设置如下。

"scripts": [
  "node_modules/[packageName]/js/color-thief.js",
],

记得在脚本中设置 node_modules 和，并在定义该全局变量时导入正确的 .js 文件。

据我所知，根据 color-thief 包，您需要创建该对象。像这样。

 let colorThief = new ColorThief();