как использовать intro.js форму npm пакет в метеор 1.4.1.1?

Question

Я пытаюсь использовать intro.js в моем приложении meteor.

import { Template } from 'meteor/templating'; 
import { ReactiveVar } from 'meteor/reactive-var'; 
// import introJs from 'intro.js'; 
var introJs = require('intro.js'); 
import './main.html'; 

.....//some code here 

Template.hello.events({ 
    'click button'(event, instance) { 
    // increment the counter when button is clicked 
    instance.counter.set(instance.counter.get() + 1); 
    }, 

'click #introjs'(e,i){ 
    console.log("call me"); 
    introJs("#introjs").start(); 
    } 
}); 

но я даю

TypeError: introJs is not a function

Как решить эту проблему? спасибо.

Answer 1

В вашем html-файле вы должны добавить элемент intro, такой как ввод данных, в свои html-элементы, где бы вы не захотели вводить intro.

<template name=hello> 
    <a href='http://google.com/' class='introjsclass' data-intro='Hello step one!'></a> 
</template 

В файле Js убедитесь импортировать intro.js и intro.css

import { Template } from 'meteor/templating'; 
import { ReactiveVar } from 'meteor/reactive-var'; 
import introJs from 'intro.js'; 
//var introJs = require('intro.js'); 
// you have to import the introjs css file 
import '/node_modules/path to your introjs css file'; 
import './main.html'; 

.....//some code here 

Template.hello.events({ 


'click .introjsclass':function(event){ 
event.preventDefault(); 
    console.log('call me'); 
    introJs('.introjsclass').start(); 
    } 
}); 

Answer 2

Try: introJs.introJs().start(). Что будет делать. Это из-за того, как написан код файла intro.js, проверьте его с помощью console.log() на вас introJs var. Подробнее об этом: Why does require('intro.js') export an object with just introJs?