时间戳

首页 > 解决方案 > 如果我们使用 Typescript，我们如何使用 CDN URL 机制进行包管理？

reactjs - 如果我们使用 Typescript，我们如何使用 CDN URL 机制进行包管理？

问题描述

我需要使用一个可以通过CDN URL指向机制解析的包，请参见这里的Material Icon包安装，如下

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

但是，当我想在我的打字稿中使用上述包中的图标时，如下所示，

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 工作。

标签： reactjstypescriptnpmmaterial-ui

解决方案

如果你想用它来加载图标：

<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

推荐阅读