PIXI 导入不起作用：找不到模块 pixi.js答案

【问题标题】：PIXI import not working: Cannot find module pixi.jsPIXI 导入不起作用：找不到模块 pixi.js
【发布时间】：2020-04-19 07:08:12
【问题描述】：

我 npm 将 pixi.js 安装到了一个 typescript 项目中。此行（在许多示例中都可以找到）不起作用：

import * as PIXI from 'pixi.js';

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

我试过这个解决方法，效果很好：

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

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

-e

【问题讨论】：

标签： typescript pixi.js

【解决方案1】：

这在很大程度上取决于您的整个配置。如果您只使用打字稿，而没有捆绑器，您可以继续使用 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' 并从那里继续。

【讨论】：

【解决方案2】：

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

【讨论】：

我需要"module": "commonjs"

【解决方案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": "./",

【讨论】：