我尝试运行 pixi js 但它给了我一个错误

问题描述 投票：0回答：1

你好，我是新手，正在尝试使用 pixi js，但它无法启动。我已经观看了教程并遵循了它们，但我不断收到此错误：

Uncaught TypeError: Cannot read properties of undefined (reading 'canvas')
    at get view (pixi.min.js:436:24397)
    at app.js:12:31

这是我的 html :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Auto-moving Music Keys</title>
    
    
</head>
<body>
    <script src="./node_modules/pixi.js/dist/pixi.min.js"></script>
    <script src="./app.js"></script>
</body>
</html>

和我的应用程序：

var PIXI= PIXI || {};

const Application = PIXI.Application;

const app = new Application();

document.body.appendChild(app.view);
pixi.js pixi-package-manager
1个回答
0
投票

<canvas>
HTML 元素用于使用 JavaScript 绘制图形，Pixi.js 使用它来呈现内容。在 Pixi.js 中，Application 类的 view 属性引用此画布，提供 Pixi.js 渲染的视觉表面。如果没有初始化画布，则不会发生渲染。

使用 

var PIXI = PIXI || {};
是有问题的，因为如果 PIXI 未定义，它会创建一个空对象，从而覆盖全局命名空间。因此，
const Application = PIXI.Application;
失败（PIXI 现在为空）。

Application 类是库提供的全局 PIXI 对象的一部分。

用这个代替：

const app = new PIXI.Application({
    width: 800,  // Optional
    height: 600  // Optional
});

document.body.appendChild(app.view);

另请参阅：

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.