title: pixi.js PIXI.Texture.from() can't add images
body: <p>I'm using react with pixi.js to development a simple web game</p>
  
  <p>and I want to add some images to pixi.js from local directory</p>
  
  <p>here is the website I studied</p>
  
  <p><a href="https://pixijs.io/examples/#/demos-basic/container.js" rel="nofollow noreferrer">https://pixijs.io/examples/#/demos-basic/container.js</a></p>
  
  <p>and here are the codes</p>
  
  <pre><code>import * as PIXI from 'pixi.js'
  import React from 'react'
  
  export default class PixiTestPage extends React.Component{
      componentDidMount(){
          //Create a Pixi Application
          const app = new PIXI.Application({
              backgroundColor: 0x1099bb
          });
  
          //Add the canvas that Pixi automatically created for you to the HTML document
          document.body.appendChild(app.view);
  
          const texture = PIXI.Texture.from("./bunny.png")
          const bunny = new PIXI.Sprite(texture);
  
          bunny.anchor.set(0.5)
          bunny.x = app.screen.width / 2;
          bunny.y = app.screen.height / 2;  
          app.stage.addChild(bunny);  
      }
      render(){
          return (
              &lt;div&gt;
  
              &lt;/div&gt;
          )
      }
  }
  </code></pre>
  
  <p>but the browser keep showing error message
  <a href="https://i.stack.imgur.com/QKBmx.png" rel="nofollow noreferrer">Uncaught (in promise) </a></p>
  
  <p>same as I use @inlet/react-pixi</p>
  
  <p><a href="https://reactpixi.org/" rel="nofollow noreferrer">https://reactpixi.org/</a></p>
  
  <pre><code>import * as PIXI from 'pixi.js'
  import React from 'react'
  import { Stage, Sprite } from '@inlet/react-pixi';
  
  export default class PixiTestPage extends React.Component{
      componentDidMount(){
      }
      render(){
          return (
              &lt;div&gt;
                  &lt;Stage&gt;
                      &lt;Sprite image="./bunny.png" x={100} y={100} /&gt;
                  &lt;/Stage&gt;
              &lt;/div&gt;
          )
      }
  }
  </code></pre>
  
  <p>the Uncaught (in promise) error still there</p>
  
  <p>but when I using the url like </p>
  
  <p><a href="https://pixijs.io/examples/examples/assets/bunny.png" rel="nofollow noreferrer">https://pixijs.io/examples/examples/assets/bunny.png</a></p>
  
  <p>it worked </p>
  
  <p>how to use images in pixi.js with local directory? </p>
  
  <p>here is the image path</p>
  
  <p><a href="https://i.stack.imgur.com/ro5iG.png" rel="nofollow noreferrer">path</a></p>