2017-05-23 2 views
-1

J'utilise browserify en gulp pour utiliser la fonction require(). De là, je tente de charger une bibliothèque JS en utilisant require avant un script qui fait référence à un objet de la bibliothèque.Erreur de référence probablement due à un problème de dépendance dans Javascript utilisant require()

require('tippy.js'); 

new Tippy(".tippy", { 
    position: 'right', 
    animation: 'scale', 
    duration: 1000, 
    arrow: true 
}); 

Lorsque compilé et chargé dans le navigateur je reçois cette erreur de référence:

Uncaught ReferenceError: Tippy is not defined

Je suppose que c'est un problème de dépendance. Suggestions?

Répondre

1

-vous dire:

var Tippy = require('tippy.js'); 

En outre, étant donné que vous utilisez un système de module, je suggérerais contre compter sur globals. Tippy est regroupé en UMD module. Il est empaqueté pour détecter le système de module utilisé par l'environnement et exporter la bibliothèque en conséquence. Puisque browserify est CJS, un module UMD-groupé renvoie une référence à l'exportation de la bibliothèque à partir de require et ne le charge pas dans la portée globale.

+0

Non. C'est ce que je dois faire? – rpeg

+0

A travaillé. Qu'est-ce que j'ai besoin d'étudier pour mieux comprendre cela? La recherche sur l'utilisation de la fonction "require()" produit un large éventail de résultats. – rpeg