reactjs 找不到模块“@material-ui/core”

axr492tv 于 2023-01-25 发布在 React

关注(0)|答案(4)|浏览(192)

我在将“@material-ui/core”导入到react/typescript/webpack应用程序时遇到问题。
webpack --config webpack.config.js
它失败，错误为
Cannot find module '@material-ui/core'
同样的错误在Visual Studio代码中也加了下划线。
我的索引.tsx看起来像这样

import React from "react";
import ReactDOM from 'react-dom';
import { Button } from "@material-ui/core";

function App() {
    return <Button>Hi dudes</Button>
}
ReactDOM.render(<App />, document.getElementById("root"));

reactjs

来源：https://stackoverflow.com/questions/62099295/cannot-find-module-material-ui-core

4条答案

按热度按时间

kxe2p93d1#

将tsconfig.json设置如下

{
    "compilerOptions": {
        "outDir": "./dist",
        "target": "es5",
        "lib": ["es6", "dom"],
        "module": "ES6",
        "jsx": "react",
        "moduleResolution": "node",
        "noImplicitAny": true,
        "allowSyntheticDefaultImports": true,
        "allowJs": true
    },
    "exclude": [
        "dist"
    ]
}

allowJs使其可导入和其他固定的webpack构建。

赞(0）回复(0）举报 2023-01-25

4ngedf3f2#

npm install @mui/material @emotion/react @emotion/styled
yarn add @mui/material @emotion/react @emotion/styled

帮我修好了。

赞(0）回复(0）举报 2023-01-25

nmpmafwu3#

以防有人在2023年与此作斗争，而上述所有解决方案都不起作用。这是对我起作用的：
您看到的错误消息是因为您的项目中没有安装包@material-ui/styles。
请按照以下步骤进行安装：从项目的根目录（package.json所在的位置）运行以下代码：

1. npm install @material-ui/core or yarn add @material-ui/core
2. npm install @material-ui/styles or yarn add @material-ui/styles

NB：如果您像我一样在尝试运行上述代码后在终端上看到错误消息，请再次运行它们，并添加--force标志，如下所示：
npm安装@材料-用户界面/样式--强制

赞(0）回复(0）举报 2023-01-25

d8tt03nd4#

yarn add @material-ui/core或npm i @material-ui/core为我修复了这个问题。

赞(0）回复(0）举报 2023-01-25

我来回答

reactjs 找不到模块“@material-ui/core”

4条答案

相关问题

热门标签

最新问答