正文UI - TypeError：$(...).toast不是一个函数

Question

我将Meteor与React和Semantic-ui-react一起使用。我需要一个toast函数，所以我想改成Fomantic UI。所有相关的内容都由NPM加载。

我删除了semantic-ui-css，并添加了fomantic-ui-css。

我把<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css" />从头上取下来了。

我将所有import 'semantic-ui-css/semantic.min.css';更改为import 'fomantic-ui-css/semantic.css';

当我尝试执行

$('body')
  .toast({
    title: 'LOOK',
    message: 'See, how long i will last',
    showProgress: 'bottom'
  })
;

我得到了TypeError: $(...).toast is not a function

通过SO和存储库问题的各种搜索，我在上面找不到任何东西。

感谢您能给予的任何帮助！！菲尔

Answer 1

您基本上需要导入semantic.js文件，这将向您的jquery实例添加功能：

import 'fomantic-ui-css/semantic.js'
import 'fomantic-ui-css/semantic.css'

但是，不需要导入.min.*最小化文件，因为当您稍后构建用于生产/部署的应用程序时，Meteor将使用js和css minifier。