如果使用Typescript,如何使用CDN URL机制进行程序包管理?

时间:2018-06-22 01:46:32

标签: reactjs typescript npm material-ui

我需要使用可通过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。

1 个答案:

答案 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