aphrodite
aphrodite copied to clipboard
calling css() causes an error/styles wont apply
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.