1

我创建了一个 Gatsby JS 网站,我想为文本使用一些简单的动画。库“react-animations”是我为范围选择的库。

安装时

npm i --save react-animations

我收到以下消息:

npm WARN eslint-config-react-app@4.0.1 需要 eslint-plugin-flowtype@2.x 的对等点,但没有安装。您必须自己安装对等依赖项。

npm WARN ts-pnp@1.1.4 需要 typescript@* 的对等点,但没有安装。您必须自己安装对等依赖项。

npm WARN tsutils@3.17.1 需要 > typescript@>=2.8.0 || 的对等方 >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta 但没有安装。您必须自己安装对等依赖项。

通过尝试以这种方式使用库:

import styled, { keyframes } from 'styled-components'
import { slideInDown } from 'react-animations'

const slideInDownAnimation = keyframes`${slideInDown}`;

const slideDown = styled.div`
  animation: 2s ${slideInDownAnimation};
`
;

它不起作用,并且在找到导入时收到以下消息:

找不到模块“react-animations”的声明文件。'c:path/node_modules/react-animations/lib/index.js' 隐含了一个 'any' 类型。尝试npm install @types/react-animations它是否存在或添加一个新的声明 (.d.ts) 文件,其中包含declare module 'react-animations';

我试过了

npm install @types/react-animations

但它不存在。

关于如何解决的任何线索?需要打字稿吗?

非常感谢。

4

0 回答 0