Question

我正在尝试将此npm包（https://www.npmjs.com/package/semantic-ui-calendar）与Meteor一起使用，但在浏览器控制台中出现此错误：

Tracker afterFlush函数的异常：TypeError：$（...）。calendar 不是一个功能

我尝试按照安装方式修复此错误：

npm i semantic-ui-calendar
npm semantic-ui-calendar --save
meteor npm i semantic-ui-calendar
meteor npm semantic-ui-calendar --save

我的代码：

闪耀HTML模板：

<template name="myTemplate">    
  <h3>Date only</h3>
  <div class="ui calendar" id="example2">
    <div class="ui input left icon">
      <i class="calendar icon"></i>
      <input type="text" placeholder="Date">
    </div>
  </div>
  <br/>
</template>

JS-模板文件：

Template.myTemplate.onRendered(function() {
    $(document).ready(function() {
        $('#example2').calendar({
          type: 'date'
        });
    });
});

还将此JQuery代码从onRendered移动到帮助程序 - 没有成功。

Answer 1

你试过吗

npm install --save semantic-ui-calendar

然后将以下内容放在文件顶部，从包中导入文件。

import { ... } from 'semantic-ui-calendar'

来自Tracker afterFlush函数的异常：TypeError：$（...）。calendar不是函数

1 个答案: