Using Vue JS with Require JS?

Question

I installed the following via Bower:

jQuery 3.1.0
Vue 1.0.26
Require.js 2.2.0

But when I load my site, "Vue" is undefined.

I tried var vue = require('Vue') and stuff, but it doesn't seem to work.

Vue says it is a AMD module and so is Require.js... What am I missing?

var vue = require('Vue') is not Require.js syntax - it's CommonJS syntax, as used by nodejs on the server side, or build tools like browserify or webpack on the client side. You should read up on how requirejs and AMD modules actually work and weither it is what you want/need. — Linus Borg
– Linus Borg, Commented Jul 11, 2016 at 9:56

Community · Accepted Answer · 2017-05-23 10:29:50Z

8

var vue = require('Vue') won't work by itself. Either you:

Change it to the form of require that takes a callback:

require(['Vue'], function (vue) {
  // code that uses Vue
});

Or put your require call in a define call:

define(function (require) {
  var vue = require('Vue');
});

As Linus Borg pointed out, require with a single string is CommonJS syntax, which RequireJS supports only if it appears in the callbacks passed to define. (See this.)

edited May 23, 2017 at 10:29

CommunityBot

11 silver badge

answered Jul 11, 2016 at 10:25

Louis

152k28 gold badges287 silver badges332 bronze badges

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

Collectives™ on Stack Overflow

Using Vue JS with Require JS?

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