如何在流星1.4.1.1中使用intro.js表单npm包？

Question

我想在我的流星应用程序中使用intro.js。

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文件中，您必须在任何想要介绍处理的位置添加一个介绍元素，如data-intro到您的html元素。

<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

尝试：introJs.introJs().start()。那会做。 这是因为intro.js文件代码是如何写入的，请用console.log()对您进行检查introJs var。 更多关于：Why does require('intro.js') export an object with just introJs?