我需要使用可通过CDN URL指向机制解析的软件包,请参见Material Icon package installation here,如下所示
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
但是,当我想在上述Typescript中使用上述软件包中的图标时,
import MenuIcon from '@material-ui/icons/Menu';
它告诉我以下错误
Module not found: Can't resolve '@material-ui/icons/Menu'
我知道我可以通过npm install
相应的软件包(建议像https://github.com/mui-org/material-ui/issues/10571这样)来解决缺少软件包的问题,但是我想知道基于CDN的软件包管理是否可以用于Typescript。
答案 0 :(得分:1)
如果要使用它加载图标:
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
那么您只能使用这样的图标:
import Icon from '@material-ui/core/Icon';
// To use an icon simply wrap the icon name (font ligature) with the Icon component:
<Icon>star</Icon>
阅读以下说明:https://material-ui.com/style/icons/#font-icons
这与Typescript无关。
如果要导入单个图标(import MenuIcon from '@material-ui/icons/Menu';
),则确实需要:
npm install @material-ui/icons