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

Question

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

需要注意的是，我已经尝试导入了pixi.js的DefinetlyTyped版本，我也是通过npm安装的，但是该版本缺少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');

我正在尝试从app.ts访问node_modules之外的名为“ts-src”的文件夹中的pixi.js，这会是问题所在吗？(我不这么认为，但我不得不问它)。

Answer 1

如果你已经安装了pixi.js，那么确保你已经安装了@types/pixi.js包，它为pixi.js提供了类型定义。现在，当你在依赖中有pixi.js的时候。那么剩下的唯一一件事就是在HTML中包含pixi.js作为

<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();