Khan/aphrodite

calling css() causes an error/styles wont apply

Opened this issue · 1 comments

VM18771:97 Uncaught TypeError: process.nextTick is not a function
    at requestFlush (eval at _default (get-es6-exports.js:26), <anonymous>:97:17)
    at rawAsap (eval at _default (get-es6-exports.js:26), <anonymous>:20:9)
    at asap (eval at _default (get-es6-exports.js:26), <anonymous>:28:5)
    at injectGeneratedCSSOnce (eval at _default (get-es6-exports.js:26), <anonymous>:820:9)
    at injectStyleOnce (eval at _default (get-es6-exports.js:26), <anonymous>:840:5)
    at injectAndGetClassName (eval at _default (get-es6-exports.js:26), <anonymous>:944:5)
    at css (eval at _default (get-es6-exports.js:26), <anonymous>:1155:24)
    at CustomComponent.render (eval at _default (get-es6-exports.js:26), <anonymous>:44:36)
    at finishClassComponent (react-dom.development.js:7873)
    at updateClassComponent (react-dom.development.js:7850)

my code:

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { StyleSheet, css } from 'aphrodite';

const styles = StyleSheet.create({
  wrapper: {
    width: '100px',
    height: '100px',
  }
})

export default class CustomComponent extends Component {
  static propTypes = {
    getAttributes: PropTypes.func.isRequired,
  };

  static defaultProps = {};

  render() {
    const { getAttributes } = this.props;

  console.log(css(styles.wrapper)); /// <--- ERROR's HERE

    return (
      <div /*className={css(styles.wrapper)}*/ />  // <--Also error's here when not commented out
    );
  }
}

Are you using webpack? If so, then its most likely a problem with your webpack config. This error has nothing to do with aphrodite. Your code is fine.