Не удалось найти файл объявления для модуля 'material-ui/styles/MuiThemeProvider'?

Question

Я пытаюсь использовать тему реагировать на материал, установив его из npm. Я получаю следующие ошибки, когда включаю "импорт MuiThemeProvider из"material-ui/styles/MuiThemeProvider";" в boot-client.tsx:

TS7016: не удалось найти файл объявления для модуля "material-ui / styles / MuiThemeProvider". 'W:/web/WebFront/node_modules/material-ui/styles/MuiThemeProvider.js' неявно имеет тип 'any'. Пытаться npm install @types/material-ui/styles/MuiThemeProvider если он существует, или добавьте новый файл декларации (.d.ts), содержащий declare module 'material-ui/styles/MuiThemeProvider';

Я пробовал оба предложения безрезультатно, включая запуск команды: npm install -D @types/material-ui.

Моя папка @types в node_modules существует с соответствующими типами.

Вот код, где я пытаюсь его использовать:

import './css/site.css';
import 'bootstrap';
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { AppContainer } from 'react-hot-loader';
import { Provider } from 'react-redux';
import { ConnectedRouter } from 'react-router-redux';
import { createBrowserHistory } from 'history';
import configureStore from './configureStore';
import { ApplicationState }  from './store';
import * as RoutesModule from './routes';
let routes = RoutesModule.routes;


import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';


// Create browser history to use in the Redux store
const baseUrl = document.getElementsByTagName('base')[0].getAttribute('href')!;
const history = createBrowserHistory({ basename: baseUrl });

// Get the application-wide store instance, prepopulating with state from the server where available.
const initialState = (window as any).initialReduxState as ApplicationState;
const store = configureStore(history, initialState);

function renderApp() {
    // This code starts up the React app when it runs in a browser. It sets up the routing configuration
    // and injects the app into a DOM element.
    ReactDOM.render(

, document.getElementById ('act-app')); }

renderApp();

// Allow Hot Module Replacement
if (module.hot) {
    module.hot.accept('./routes', () => {
        routes = require<typeof RoutesModule>('./routes').routes;
        renderApp();
    });
}

Answer 1

Хорошо, я понял, что в tsconfig.json в visual-studio 'compilerOptions' по умолчанию для типов задано значение ["webpack-env"], мне нужно было добавить к нему "material-ui" или опционально просто удалить его: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html

Answer 2

Решение, которое сработало для меня, это ответ врача выше, который я более подробно объясню ниже.

Откройtsconfig.jsonфайл. Добавлять"types":"material-ui",в пределах"compilerOptions": {}

как в

"compilerOptions": {"types":"material-ui"}

Answer 3

Использовать default импортировать из того же пути.

import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'