2017-09-11 44 views
1

我试图使用从npm安装它的反应材料-UI主题,当我包含从“material-ui/styles/MuiThemeProvider”导入MuiThemeProvider时出现以下错误;在启动client.tsx:找不到模块'material-ui/styles/MuiThemeProvider'的声明文件?

TS7016:找不到模块 '材料的UI /风格/ MuiThemeProvider' 的声明文件。 'W:/web/WebFront/node_modules/material-ui/styles/MuiThemeProvider.js' 隐含地具有'任何'类型。尝试npm install @types/material-ui/styles/MuiThemeProvider如果存在或添加含有declare module 'material-ui/styles/MuiThemeProvider';

我都试过建议无济于事包括运行命令一个新的 声明(.d.ts)文件:NPM安装-D @类型/材料的UI 。

node_modules中的My @types文件夹与相关类型一起存在。

这里就是我试图使用它的代码:

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( '反应,应用') ); }

renderApp(); 

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

请给你从哪里应用您要设置'MuiThemeProvider' – bennygenel

+0

做了一些代码片段,增加了一些更多的细节太:) – tweetypi

+0

你得到错误只是通过导入呢? – mersocarlin

回答

0

从使用相同的路径default进口。

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

+0

没有帮助,同样的错误... – tweetypi