2016-04-26 64 views
1

我開始用react-toolbox創建一個新界面。這只是我的第一步,我面臨這個問題。我在控制檯中收到了一條消息:無法解析某些模塊:當我導入React-Toolbox組件時,「./style」

無法解析某些模塊:「./style」... 我不知道爲什麼樣式不會加載。我也已經導入了它的組件。 這裏有一些簡單的代碼:

import React from 'react'; 

import {Button} from 'react-toolbox'; 

class MyButton extends React.Component { 
    render() { 
     return (
      <div> 
       <Button icon='bookmark' label='Bookmark' raised primary /> 
      </div> 
     ); 
    } 
} 


export default MyButton; 

非常感謝您的幫助。

+0

是否遵照了安裝說明? http://react-toolbox.com/#/install你有babel/css和sass加載器嗎? – azium

+0

你使用的是webpack嗎? – QoP

+0

@QoP我曾經看到它..我真的不知道如何使用webpack –

回答

1

您正在收到此錯誤,因爲react-toolbox使用CSS模塊,而您沒有加載程序來預處理它們。

您將需要

webpack

css-loader

style-loader

+0

什麼是scss loader?它和css-loader是一樣的嗎? –

+0

你的意思是sass-loader?沒有scss loade – QoP

+0

是的!你有關於如何使用webpack css-loader和style-loader的文檔嗎?我找不到它們。 –

相關問題