「処理されていない拒否のタイプエラー：jquery_1.defaultは関数ではありません」

Question

私はAureliaの添付関数でjQueryを使用するように呼び出そうとしています。 jQueryコマンドが実行されるたびに、次のエラーが表示されます。

未処理の拒否TypeError：jquery_1.defaultは関数ではありません。ここで

は私app.tsコードです：ここで

import {Redirect, NavigationInstruction, RouterConfiguration} from 'aurelia-router'; 
    import 'semantic'; 
    import $ from 'jquery'; 

    export class App { 
     configureRouter(config: RouterConfiguration): void { 
     config.title = 'TrackRack'; 
     config.options.hashChange = false; 
     config.options.root = '/'; 
     config.map([ 
      { route: ['home'], name: 'home', moduleId: 'views/home' }, 
      { route: '', name: 'home2', moduleId: 'views/home'} 
     ]); 
     } 
     attached() { 
      $('.nav_menu').visibility({ 
      type: 'fixed' 
      }); 
     } 
    } 

は私の設定です：

  { 
       "name": "jquery", 
       "path": "../node_modules/jquery/dist", 
       "main": "jquery.js" 
       }, 
       { 
       "name": "semantic", 
       "path": "../node_modules/semantic-ui/dist", 
       "main": "semantic.js", 
       "resources": [ 
        "semantic.min.css" 
       ] 
      } 

Answer 1

あなたがaurelia.jsonでやらなければならないことが

"jquery"

です

jQueryの場合より複雑にする必要はありません。

また、ビュー内のrefカスタム属性を使用して、ビュー内の要素への参照を取得できることに注意してください。これは、要素の検索を行う代わりに、この参照をjQueryに渡すことができます。

app.html

<template> 
    ... 
    <nav ref="navMenu"> 
    ... 
    </nav> 
    ... 
</template> 

app.tsこれに加えて

$(this.navMenu)).visibility({ 
    type: 'fixed' 
});