使用 CSS 文件导入的声明类型 (tippy.js)

Question

我正在尝试在故事书/打字稿/样式组件的项目中使用tippy.jscss

我在我的样式组件中导入了 css 文件，但我打字稿要求我使用它的声明类型。

Cannot find module 'tippy.js/themes/material.css' or its corresponding type declarations.

这是我的样式组件文件：

import styled from 'styled-components';

import Tippy from '@tippyjs/react';
import tippyCss from 'tippy.js/dist/tippy.css';
import tippyMaterialCss from 'tippy.js/themes/material.css';

export const TooltipStyle = styled(Tippy)`
${tippyCss}
${tippyMaterialCss}
`;

你知道我应该在声明类型文件中放什么吗？非常感谢。

Answer 1

您是否尝试在文档头部导入样式表？

<link rel="stylesheet" href="tippy.js/themes/material.css">

编辑：这是我的第一条评论。如果由于某种原因 'typescript' 模块控制 .css 文件导入：

此响应包含几行与在 Typescript 中声明模块相关的代码。

使用 CSS 文件导入的声明类型 (tippy.js)

Declaration type to use CSS file import (tippy.js)

css

typescript

styled-components

storybook

tippyjs