文章/答案/技术大牛

发布

社区首页 >问答首页 >如何正确安装和设置PIXI.js？(未定义PIXI)

问如何正确安装和设置PIXI.js？(未定义PIXI)
EN

Stack Overflow用户

提问于 2019-07-27 23:02:42

回答 1查看 2K关注 0票数 1

我最近通过github了解到了pixi.js，并对此很感兴趣。

我使用了npm install pixi.js --save并粘贴了github代码库中的示例代码，但返回了以下错误：

C:\Users\*****\WebstormProjects\pixie_the_game\game.js:4
const app = new PIXI.Application();
            ^

ReferenceError: PIXI is not defined
    at Object.<anonymous> (C:\Users\*****\WebstormProjects\pixie_the_game\game.js:4:13)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Function.Module.runMain (module.js:693:10)
    at startup (bootstrap_node.js:191:16)
    at bootstrap_node.js:612:3

Process finished with exit code 1

我试过查看pixi的入门页面，但没有找到任何有用的东西。

我哪里错了？如何正确设置pixi.js？

javascript

pixi.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-07-27 23:15:37

通常，当使用PIXI时，你会希望它作为一个全局依赖项，所以你可以在你的index.html中指向它一个script标签。

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Hello World</title>
</head>
  <!-- Point this at `pixi.min.js` in your node_modules folder -->
  <script src="pixi/pixi.min.js"></script>
<body>
  <script type="text/javascript">
    let type = "WebGL"
    if(!PIXI.utils.isWebGLSupported()){
      type = "canvas"
    }

    PIXI.utils.sayHello(type)
  </script>
</body>
</html>

更多信息请看这里：https://github.com/kittykatattack/learningPixi#setting-up

或者，如果不想全局添加，也可以只在game.js顶部导入

import * as PIXI from 'pixi.js'

const app = new PIXI.Application();

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/57233347

复制

相似问题

问如何正确安装和设置PIXI.js？(未定义PIXI)
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何正确安装和设置PIXI.js？(未定义PIXI)EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何正确安装和设置PIXI.js？(未定义PIXI)
EN