Can't call WebAssembly Js API from ReactJs Component

Question

Calling the WebAssembly API in an HTML file works perfectly,

<html>
  <body>
    <script>
      ...
          WebAssembly.instantiate(bytes, importObject)
       ...

   </script>
  </body>

</html>

However, calling it in a React Component, when running 'npm start' at the root of my react-app, results in this error:

'WebAssembly' is not defined  no-undef

import React from 'react';

export default class WasmContainer extends React.Component {

    constructor(props) {
        super(props);
        this.func = this.func.bind(this);
    }

    func(){
            ...
        WebAssembly.instantiate(bytes, importObject)
            ...

        return "...";
    }

    render() {
        return (<p>{this.func()}</p>)
    }
}

I want to run a .wasm file from a React Component and this is blocking me.

How to solve this problem?

WebAssembly in your React component is not defined

The Reason
– The Reason

2017-12-28 23:47:26 +00:00
Commented Dec 28, 2017 at 23:47 — The Reason
– The Reason, Commented Dec 28, 2017 at 23:47
import it: import WebAssembly from 'web-assembly'

JJJ
– JJJ

2017-12-28 23:48:36 +00:00
Commented Dec 28, 2017 at 23:48 — JJJ
– JJJ, Commented Dec 28, 2017 at 23:48
Are you referring to this package: web-assembly ?

cinnamonAsh
– cinnamonAsh

2017-12-29 00:04:02 +00:00
Commented Dec 29, 2017 at 0:04 — cinnamonAsh
– cinnamonAsh, Commented Dec 29, 2017 at 0:04

ColinE · Accepted Answer · 2017-12-29 08:08:04Z

2

This looks very much like a linting error. Are you using ESLint?

You need to inform your linter that WebAssembly is a global object. Try adding the following to the top of the file:

/* global WebAssembly */

Although a better option might be to add it to your eslint confit file.

answered Dec 29, 2017 at 8:08

ColinE

70.3k16 gold badges171 silver badges236 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Can't call WebAssembly Js API from ReactJs Component

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related