PIXI导入不工作:找不到模块pixi.js

Question

我在一个typescript项目中安装了pixi.js。这一行(在许多示例中都可以找到)不起作用：

import * as PIXI from 'pixi.js'; 

我收到错误消息“找不到模块'pixi.js'”

我尝试了这个解决方法，它工作得很好：

const PIXI = require('pixi.js');

问题是这会丢失我想要的类型信息。Pixi有一个d.ts文件，所以我应该获取类型。我在这里做错了什么？

-e

Answer 1

确保在tsconfig.json中使用"moduleResolution": "node"

Answer 2

这在很大程度上取决于您的整个配置。如果您只使用typescript，而不使用捆绑器，则可以继续使用require选项，并在您的tsconfig.json中确保：

include:[]

直接指向pixi... d.ts文件。

如果你使用像webpack这样的捆绑包，这将取决于你使用的PIXI版本。

在5.0.0之前，它相当简单，您的第一种方法应该可以做到这一点。不久前，我为同样的目的创建了一个演示存储库：https://github.com/idzhurov/pixijs-game-boilerplate

在5+版本中，所有东西都是模块化的，所以它更具体一些。您可以尝试从：import { Application } from 'pixi.js'开始，然后从那里开始。

Answer 3

@Naxos84:如果您不能使用"moduleResolution"："node“，请尝试将此代码添加到您的tsconfig.json”compilerOptions“-object中：

"paths": {
  "mini-signals": [
    "node_modules/resource-loader/typings/mini-signals.d.ts" 
  ],
   "resource-loader": [
     "node_modules/resource-loader/typings/resource-loader.d.ts"
   ],
   "pixi.js": [
     "node_modules/pixi.js/index.d.ts" 
   ],
   "*": ["*", "node_modules/*/index.d.ts", "node_modules/*/types/index.d.ts"]  
},
"allowSyntheticDefaultImports": true, 
"allowUmdGlobalAccess": true,         
"baseUrl": "./",