global is not defined

[GongJS]

Bug report

ReferenceError: global is not defined

Version

0.14.0

Steps to reproduce

so i install the modules - file-saver,but when i import it in my project, the chrome throw the error:
global is not defined

i import it like this:
import FileSaver from 'file-saver'

What is expected?

i hope i can use the file-saver normaly;

What is actually happening?

it doesn't work

Other relevant information

• Your OS: mac
• Node.js version: 10.0
• Browser version:
• Is this a global or local install?
  yarn add file-saver
• Which package manager did you use for the install?
  yarn
• Does this issue occur when all plugins are disabled?
  no

[ulivz]

You're using a node module at client code...

[lilisako]

How did you solve this? I'm having a same issue...

[ChucKN0risK]

I'm also having this issue while trying to use swagger-js:

<script>
  import Swagger from 'swagger-client';

  export default {
    async created() {
      console.log(await Swagger.resolve({
        url: 'http://petstore.swagger.io/v2/swagger.json'
      }));
    },
  };
</script>

[salazarr-js]

@ulivz, in this case, I have been trying to use cheerio in a component but have a similar error message, for the records cheerio can be used on the client-side.

[Vue warn]: Failed to resolve async component: function () {
  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(2)]).then(__webpack_require__.bind(null, /*! ./notes/.vuepress/components/Bookmark */ "./notes/.vuepress/components/Bookmark.vue"));
}
Reason: ReferenceError: global is not defined

Is just a simple implementation

import cheerio from 'cheerio';

export default {
  // ...
  mounted:() {
    let $ = cheerio.load(`<h1>lorem</h1>`); // TRIGGERS THE ERROR

    // ...
  }
}

I'm using "vuepress": "^1.4.1", this is a matter for another issue?

[bougieL]

Seems error appears when use npm library in global components

[13632225945]

i'm having a same trouble

[superhos]

I'm in the same trouble. And sure I am importing a client components.
Any suggestion?

[cdauth]

I'm having the same problem and really don't understand what's going on.

I managed to build a workaround for it by using window.global = window in enhanceApp.js. However, since this has to run before the imports, I have to use require instead of import:

if (typeof window !== "undefined")
    window.global = window;
const qrcode = require("vue-qrcode").default;

[wangxiaocuo]

Install dependencies with NPM instead of yarn