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

Question

我在将“@material-ui/core”导入到我的react/typescript/webpack应用程序时遇到问题。总是当我跑步的时候

webpack --config webpack.config.js

它因错误而失败

Cannot find module '@material-ui/core'

Visual Studio Code 中也强调了同样的错误。

我的 index.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"));

Answer 1

yarn add @material-ui/core或npm i @material-ui/core为我解决了问题。

Answer 2

设置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 构建。