javascript - PIXI.Application is not a constructor [PIXIJS]

i start a little project using pixijs. I follow that tutorial : but it doesn't work for me.

HTML :

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
    <script src="./node_modules.js/pixi.js/dist/pixi.min.js"></script>
<body>
    <script src="index.js" type="module"></script>
</body>

I got pixi module with the following mand : npm install pixi.js

index.js :

import * as PIXI from './node_modules/pixi.js/dist/pixi.min.js';

const log = console.log;
const app = new PIXI.Application();

Error :

PIXI.Application is not a constructor[En savoir plus] index.js:4:13
<anonyme>
http://localhost:3000/index.js:4:13
InnerModuleEvaluation self-hosted:4290:5 evaluation self-hosted:4243:9

UPDATE

HTML :

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
<body>
    <script src="./node_modules.js/pixi.js/dist/pixi.min.js"></script>
    <script src="index.js" type="module"></script>
</body>
</html>

index.js :

const log = console.log;
const app = new PIXI.Application();

Error :

PIXI is not defined

i start a little project using pixijs. I follow that tutorial : https://www.youtube./watch?v=FrnXCZmmAZo but it doesn't work for me.

HTML :

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
    <script src="./node_modules.js/pixi.js/dist/pixi.min.js"></script>
<body>
    <script src="index.js" type="module"></script>
</body>

I got pixi module with the following mand : npm install pixi.js

index.js :

import * as PIXI from './node_modules/pixi.js/dist/pixi.min.js';

const log = console.log;
const app = new PIXI.Application();

Error :

PIXI.Application is not a constructor[En savoir plus] index.js:4:13
<anonyme>
http://localhost:3000/index.js:4:13
InnerModuleEvaluation self-hosted:4290:5 evaluation self-hosted:4243:9

UPDATE

HTML :

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
<body>
    <script src="./node_modules.js/pixi.js/dist/pixi.min.js"></script>
    <script src="index.js" type="module"></script>
</body>
</html>

index.js :

const log = console.log;
const app = new PIXI.Application();

Error :

PIXI is not defined

Share Improve this question edited Oct 2, 2019 at 15:20 user128511 asked Aug 22, 2018 at 10:24 wyllisMonteiro 613 silver badges11 bronze badges

Add a ment |

2 Answers 2

Sorted by: Reset to default 5

The tutorial doesn't use modules.

PIXI is exposed globally: https://github./pixijs/pixi.js/blob/v4.8.1/src/index.js#L51

If you remove the import, and fix the typo in the script tag, it should work.

HTML:

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
<body>
    <script src="./node_modules/pixi.js/dist/pixi.min.js"></script>
    <script src="index.js" type="module"></script>
</body>
</html>

index.js:

const log = console.log;
const app = new PIXI.Application();

If you're using npm, I got this error cause I ran npm install pixi (incorrect) instead of npm install pixi.js (correct).

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - PIXI.Application is not a constructor [PIXIJS] - Stack Overflow

2 Answers 2

与本文相关的文章

评论列表(0)