Meteor 1.3以降でセマンティックUIの移行が動作しない

Question

最近Meteor 1.3.2.4にアップグレードされ、すべてのJavascriptの動作が壊れているようです。例えば、私は、このHTMLとdismissableメッセージブロックを持っている：

<div class="ui error message"> 
    <i class="close icon"></i> 
    <div class="header"> 
     Your manual overrides are extremely limited in duration! 
    </div> 
    <span class="reason">You're wasting your time, Captain.</span> 
</div> 

そしてこのジャバスクリプト：

import { Meteor } from 'meteor/meteor'; 
import { Template } from 'meteor/templating'; 
import { $ } from 'meteor/jquery'; 
import { FlowRouter } from 'meteor/kadira:flow-router'; 

import '../../../client/lib/semantic-ui/definitions/modules/transition'; 

import './login.html'; 

Template.App_login.events({ 
    'submit #login-form'(event) { 
     event.preventDefault(); 
     const user = event.target.user.value; 
     const password = event.target.password.value; 

     Meteor.loginWithPassword(user, password, (error) => { 
      if (error) { 
       $('.error.message').toggleClass('hidden') 
        .find('.reason').text(error.reason); 
      } else { 
       FlowRouter.go('App.home'); 
      } 
     }); 
    }, 
    'click .close.icon'(event) { 
     $(event.target).closest('.message').transition('fade'); 
    }, 
}); 

私は近くのアイコンをクリックすると、私はエラーTransition: Element is no longer attached to DOM. Unable to animate. fade <div class=​"ui error message">​…​</div>​

これもあるが受け取ります起こっているのはpopupです。

これはまだ受け入れられている回答を待っているthis questionと似ています。

プロジェクト支店：上記のパンカジJatavの提案に基づいてhttps://github.com/blueknightone/2-minute-attack/tree/2-minute-attack-11

Answer 1

、私はJSファイルにインポートをよく見て、ではありません。

この問題は、Semantic-UIのテーマメカニズムが原因であることが判明しました。私はマテリアルテーマを使用していて、themes.config.import.lessのすべてを'materialに切り替えました。

修正

遷移とポップアップの両方に問題を修正client/lib/semantic-ui/themes.config.import.less

に@transition : 'default';に@transition : 'material';をリセットすることが判明しました。 semantic:uiパッケージを持っているので、semantic:ui-transitionのようなパッケージをインポートまたは使用する必要はありません。

私が進む必要があったトラックに私を取得するためのおかげでPankaj。