Error when dynamically importing tf.js from browser console

To get help from the community, check out our Google group.

TensorFlow.js version

0.12.0

Browser version

Chrome Version 67.0.3396.99 (Official Build) (64-bit) macOS

Describe the problem or feature request

When I tried to import tf.js using the import() function that chrome provides in the chrome console, an error occurred saying:

tfjs@0.12.0:2 Uncaught (in promise) TypeError: Cannot read property 'tf' of undefined
    at tfjs@0.12.0:2
    at tfjs@0.12.0:2

I then checked the tf.js source and see at the loading stage it has:

(function (global, factory) {
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
  typeof define === 'function' && define.amd ? define(['exports'], factory) :
  (factory((global.tf = global.tf || {})));
}(this, (function (exports) { 'use strict';
...
// actual tf.js implementation
...

So apparently in a promise-based dynamic loading this is undefined instead of the window object. Simply change this to window on the last line will do the trick, but I guess that’ll break in some other scenarios.

Code to reproduce the bug / link to feature request

Simply run import('https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@0.12.0').then((tf) => {}) in your chrome console.

[bileschi]

I’ve not had success using the import command from directly in the JS console.

In the mean time, does the following workaround work for you?

var script = document.createElement("script");
script.type = 'text/javascript';
script.src = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@latest';
document.head.appendChild(script);

[bileschi]

I just tried this in chrome and it appeared to work. Can you offer a more complete bug report? Thanks.