0

我将 Meteor 与 React 和 Semantic-ui-react 一起使用。我需要一个 toast 功能，所以我想更改为 Fomantic UI。相关的一切都由 NPM 加载。

我删除了语义-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 和存储库问题的各种搜索，我找不到任何东西。

谢谢你提供的所有帮助！！菲尔

4

1 回答 1

0

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

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

但是，无需导入.min.*压缩文件，因为 Meteor 将在您构建应用程序以供以后生产/部署时使用 js 和 css 压缩程序。

于 2020-07-14T07:27:52.463 回答