Невозможно импортировать pixi.js в файл.ts

Question

Я новичок в pixi.js. Я пытаюсь использовать его впервые, поэтому я установил его через npm install pixi.js --save-dev и хотя он добавил зависимость pixi.js в мой package.json, он не работает при попытке его импорта. По какой-то причине pixi.js не найден в папке node_modules. Я попытался удалить пакет, а затем переустановить, но он все еще не найден в node_modules.

Следует отметить, что я попытался импортировать версию pixinet.js DefinetlyTyped, которую я также установил через npm, но в этой версии отсутствовали некоторые определения pixi.js, поэтому мне нужно импортировать оригинальный файл pixi.js в мой проект TypeScript. Можно ли вообще работать с библиотеками.js через TypeScript? (Думаю, так и должно быть, поскольку TypeScript также умеет работать с кодом JavaScript)

Я попытался импортировать pixi как:import * as PIXI from 'pixi.js';import PIXI from 'pixi.js';var PIXI = require('pixi');var PIXI = require('pixi.js');

Я пытаюсь получить доступ к pixi.js из app.ts, который находится в папке с именем 'ts-src', которая находится за пределами node_modules, может ли это быть проблемой? (Я так не думаю, но должен был спросить это).

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