reactjs 如何在react项目中使用/安装@carbon/react

5lhxktic  于 2022-12-18  发布在  React
关注(0)|答案(1)|浏览(318)

我正在创建react项目,希望使用@carbon/react,并希望使用网格组件。
根据https://react.carbondesignsystem.com/?path=/docs/elements-grid--default#overview,你可以使用网格,如下图所示。(以及 Carbon 设计系统的其他组件)

import { Grid, Column } from '@carbon/react';

function MyComponent() {
  return (
    <Grid>
      <Column as="article">Example content</Column>
      <Column as="article">Example content</Column>
      <Column as="article">Example content</Column>
      <Column as="article">Example content</Column>
    </Grid>
  );
}

**问题:**无法正确安装@carbon/react,但不知何故,安装后出现了许多问题。

尝试下面的东西。
安装@carbon/react时遇到的问题列表:

  1. npm安装@carbon/react.(当react和react-dom版本为18.2.0时)x1c 0d1x
  2. npm install @carbon/react.(当react和react-dom版本为17.0.1时),现在已安装。但遇到了node-sass问题(对于npm运行启动)。

1.然后在npm运行启动出现以下问题后安装node-sass。

1.也收到此错误:无法解析“/home/abhijeet/演示项目/React项目/React碳网格/src”中的“React域/客户端”

**预期内容:**如何使用@carbon/react作为网格组件。或GitHub repo,我将在那里获得@carbon/react网格演示。

yqlxgs2m

yqlxgs2m1#

使用npm install @carbon/react --forcenpm install @carbon/react --legacy-peer-deps

相关问题