reactJS不應用樣式（.less文件）？

我一直在努力的話題搜索，但似乎我可能是使用了錯誤的術語，因爲我無法找到任何信息....reactJS不應用樣式（.less文件）？

我試圖讓這個包工作..（https://github.com/wangzuo/input-moment）

我已經成功地讓日曆的工作，這樣可以節省時間，但它不會切換到時間標籤，也沒有正確的風格，即使我已導入.LESS文件到我的反應成分。。文件看起來像這樣...

require('input-moment/src/less/input-moment.less') 

import React, { Component } from 'react'; 
import logo from './logo.svg'; 
import './App.css'; 

import moment from 'moment'; 
import InputMoment from 'input-moment'; 

class Date extends Component { 
    constructor(props) { 
    super(props); 

    this.state = {m: moment()} 
    } 

    handleChange(m) { 
    this.setState({ m }); 
    } 

    handleSave() { 
    console.log('saved', this.state.m.format('llll')); 
    } 

    render() { 
    return (
     <InputMoment 
      moment={this.state.m} 
      onChange={this.handleChange} 
      onSave={this.handleSave} 
     /> 
    ) 
    } 
}

但我的組件看起來像這...

你能看到任何明顯的理由，爲什麼組件將不能正確風格像在github的例子...（http://wangzuo.github.io/input-moment/）

來源

2017-04-11 deltaskelta

這行不應該這裏：要求（「輸入力矩/ SRC /少/輸入 - moment.less」）。 input-moment/src甚至不存在！包創建者已經包含的文件越少。關於輸入時刻的文檔至少是非常不明確的...... –

好的。沒有這條線我仍然有同樣的問題......任何想法？ – deltaskelta

當讀取由創作者提供的「爲例」，似乎確實不太文件不包含在包（我的錯誤）。我建議你複製在你的項目這個.LESS文件，然後鏈接它：如果你將它放在同一文件夾中的日期組件，這將是進口」 ./input-moment.less'; （所有其他進口後直接） –

你可能都沒有得到由包提供的樣式。如果您使用NPM安裝的軟件包，那麼你的import語句看起來是這樣的：

require('input-moment/dist/input-moment.css')

此外，您App.css比較由本例中的包的作者使用的CSS，可以發現在https://github.com/wangzuo/input-moment/blob/master/example/app.less，源重複下面

*, *:before, *:after { 
    box-sizing: border-box; 
} 

body { 
    margin: 0; 
    font: 87.5%/1.5em 'Lato', sans-serif; 
} 

.app { 
    max-width: 400px; 
    margin: 0 auto; 
    margin-top: 90px; 
    padding: 0 20px; 

    .input { 
    margin-bottom: 20px; 
    } 

    input { 
    padding: 7px 8px; 
    font-size: 14px; 
    width: 100%; 
    } 
}

來源

2017-04-11 12:32:15

請[避免鏈接只有答案（http://meta.stackoverflow.com/tags/link-only-answers/info）。答案是「勉強超過鏈接多到外部網站」 [可能會被刪除（http://stackoverflow.com/help/deleted-answers）。 – Quentin

是啊，我是在編輯一個過程。它現在是固定的。 –

實際進口路徑是「輸入時刻/距離/輸入moment.css」 ......如果你可以編輯你的人，將是巨大的答案。是CSS總是要導入在減檔？ – deltaskelta

reactJS不應用樣式（.less文件）？

回答

相關問題