import * as PIXI from 'pixi.js';

const app = new PIXI.Application({
  width: window.innerWidth,
  height: window.innerWidth,
  backgroundColor: 0xaaaaaa,
});
document.body.appendChild(app.view);

const rabbit = PIXI.Sprite.from('./assets/rabbit.png');
rabbit.anchor.set(0.5);
rabbit.x = app.screen.width / 2;
rabbit.y = app.screen.height / 2;

app.stage.addChild(rabbit);

⠧ Building settings.es.js...node_modules/pixi.js/pixi.js.d.ts:4:1 - error TS6200: Definitions of the following identifiers conflict with those in another file: VERSION, PI_2, RAD_TO_DEG, DEG_TO_RAD, TEXT_GRADIENT, TARGET_FPMS, MIPMAP_TEXTURES, RESOLUTION, FILTER_RESOLUTION, SPRITE_MAX_TEXTURES, SPRITE_BATCH_SIZE, RETINA_PREFIX, RENDER_OPTIONS, GC_MODE, GC_MAX_IDLE, GC_MAX_CHECK_COUNT, WRAP_MODE, SCALE_MODE, PRECISION_VERTEX, PRECISION_FRAGMENT, UPLOADS_PER_FRAME, CAN_UPLOAD_SAME_BUFFER, AccessibilityManager, Bounds, Container, DisplayObject, Transform, GraphicsData, Graphics, Matrix, ObservablePoint, Point, Circle, Ellipse, Polygon, Rectangle, RoundedRectangle, ObjectRenderer, Quad, Filter, SpriteMaskFilter, Sprite, TextStyle, TextMetrics, Text, BaseRenderTexture, BaseTexture, RenderTexture, Texture, TextureMatrix, TextureUvs, Spritesheet, Shader, FXAAFilter, BlurFilter, ColorMatrixFilter, DisplacementFilter, AlphaFilter, NoiseFilter, InteractionData, InteractionPointerEvents, InteractionTouchEvents, InteractionMouseEvents, InteractionPixiEvents, InteractionEventTypes, InteractionManager, premultiplyBlendMode, TextureCache, BaseTextureCache, isMobile, EventEmitter, PIXI

4 declare namespace PIXI {
  ~~~~~~~

  ../../../../../node_modules/@types/pixi.js/index.d.ts:7:1
    7 declare namespace PIXI {
      ~~~~~~~
    Conflicts are in this file.

node_modules/pixi.js/pixi.js.d.ts:1131:10 - error TS2567: Enum declarations can only merge with namespace or other enum declarations.

1131     enum RENDERER_TYPE {
              ~~~~~~~~~~~~~

...and more...


Found 30 errors.

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] type-check: `tsc --noEmit`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] type-check script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/aymeric/.npm/_logs/2020-04-15T11_50_13_978Z-debug.log
✨  Built in 16.37s.

dist/src.a142f48a.js.map    ⚠️  1.61 MB      92ms
dist/src.a142f48a.js         394.14 KB    13.93s
dist/index.html                  330 B     2.19s
dist/rabbit.2642334d.png         309 B     1.10s

Renderer.js: 50 Uncaught Error: WebGL unsupported in this browser, use "pixi.js-legacy" for fallback canvas2d support.
    at Function.create (Renderer.js: 50)
    at autoDetectRenderer (autoDetectRenderer.js: 36)
    at new Application (Application.js: 67)
    at Main.createRenderer (index.ts: 40)
    at Main.window.onload (index.ts: 15)
create @ Renderer.js: 50
autoDetectRenderer @ autoDetectRenderer.js: 36
Application @ Application.js: 67
createRenderer @ index.ts: 40
Main.window.onload @ index.ts: 15
load (async)
Main @ index.ts: 14
(anonymous) @ index.ts: 74
parcelRequire.index.ts.pixi.js @ index.ts: 75
newRequire @ src.77de5100.js: 47
(anonymous) @ src.77de5100.js: 81
(anonymous) @ src.77de5100.js: 120
service-worker.js: 10 Attempting to install service worker and cache static assets
(index): 31 ServiceWorker registration successful with scope: http: // localhost: 63647 /
service-worker.js: 44 Activating new service worker ...