相关疑难解决方法(0)

React-Style,Webpack,React - Uncaught Error:Invariant Violation:`style` prop

我在浏览器中收到以下错误:

未捕获的错误:不变违规:style支持期望从样式属性到值的映射,而不是字符串.例如,使用JSX时style = {{marginRight:spacing +'em'}}.

这是在运行webpack-dev-server并转到localhost:8080时.

./modules/main.js:

/** @jsx React.DOM */

var React = require('react');
var HoverAction = require('./HoverAction/HoverAction');

var Application = React.createClass({
  render: function() {
    return (
      <div>
        <HoverAction title="favorite" />
      </div>
    );
  }
});


if (typeof window !== 'undefined') {
  React.render(<Application />, document.getElementById('app'));
}
Run Code Online (Sandbox Code Playgroud)

./modules/HoverAction/HoverActions.js:

/** @jsx React.DOM */
'use strict';

var StyleSheet = require('react-style');
var React = require('react');

var HoverActionStyles = StyleSheet.create({
    normal: {
        height: '200px',
        width: '200px',
        border: '1px solid black'        
    }
});

var …
Run Code Online (Sandbox Code Playgroud)

reactjs webpack webpack-dev-server

10
推荐指数
2
解决办法
9646
查看次数

标签 统计

reactjs ×1

webpack ×1

webpack-dev-server ×1