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文件）？

回答

相关问题