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?

Answer 1

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

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

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

2. 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.)