Не удается найти модуль '@ material-ui / core'

Question

У меня возникла проблема с импортом "@ material-ui / core" в мое приложение response / typescript / webpack. Всегда, когда я запускал

webpack --config webpack.config.js

, он терпел неудачу с ошибкой

Cannot find module '@material-ui/core'

Эта же ошибка была также подчеркнута в коде Visual Studio.

Мой 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 сделало его импортируемой и другой фиксированной сборкой веб-пакетов.