Question

我是pixi.js的新手。我是第一次尝试使用它，因此我通过npm install pixi.js --save-dev安装了它，即使它在我的package.json中添加了pixi.js依赖关系，在尝试导入它时也不起作用。由于某种原因，在node_modules文件夹中也找不到pixi.js。我尝试卸载该软件包，然后重新安装，但在node_modules中仍然找不到它。

需要注意的是，我尝试导入也通过npm安装的pixi.js的DefinetlyTyped版本，但是该版本缺少pixi.js的一些定义，这就是为什么我需要原始pixi.js的原因被导入到我的TypeScript项目中。甚至可以通过TypeScript使用.js库吗？（我认为应该这样做，因为TypeScript也可以使用JavaScript代码）

我尝试将pixi导入为： import * as PIXI from 'pixi.js'; import PIXI from 'pixi.js'; var PIXI = require('pixi'); var PIXI = require('pixi.js');

我正在尝试从位于node_modules外部名为“ ts-src”的文件夹中的app.ts访问pixi.js，这可能是问题吗？（我不这么认为，但是不得不问。）

Answer 1

如果您已经安装pixi.js，请确保也安装了@ types / pixi.js软件包，该软件包为pixi.js提供了类型定义。现在，当您将pixi.js视为依赖项时。然后剩下的就是将pixi.js包含在HTML中

<script src="../node_modules/pixi.js/dist/pixi.min.js"></script>

现在在您的app.ts中，您将可以执行类似的操作

import { Application, Point } from 'pixi.js';
//.....Some code    
const point = new Point(10, 20);

如果通过类型定义在使用某些pixi.js组件时遇到麻烦。然后在您的源文件夹中创建一个index.ts文件，并用

进行更新

import * as PIXI from 'pixi.js';
export { PIXI };

现在在您的应用程序代码中，您可以直接执行此操作

const label = new PIXI.Graphics();

无法将pixi.js导入到.ts文件

1 个答案: