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

Posted 2023-02-19

【中文标题】使用 CSS 文件导入的声明类型 (tippy.js)

【英文标题】：Declaration type to use CSS file import (tippy.js)

【发布时间】：2022-01-07 11:58:09

【问题描述】：

我正在尝试在我的 storybook / typescript / styled-components 项目中使用tippy.js css

我在我的样式组件中导入了 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
`;

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

【参考方案1】：

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

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

编辑：这是我的第一条评论。如果由于某种原因“typescript”模块控制 .css 文件导入： https://***.com/a/41946697/17449845

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