流星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ファイルには、イントロの処理が必要な場所で、html要素にintro要素（data-introなど）を追加する必要があります。あなたのjsファイルで

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

intro.jsをインポートし、

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

てみintro.cssしてください：introJs.introJs().start()。それはします。 intro.jsファイルのコードがどのように書かれているのかは、console.log()introJs varでチェックしてください。 これに関する詳細：Why does require('intro.js') export an object with just introJs?