SyntaxError in /node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes.js

I’m getting this error:

error: bundling failed: SyntaxError in /Users/tommy/Git/noisolation/FamilyFrame/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes.js: /$project_path/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes.js: Unexpected token, expected { (18:7)
  16 | import AnimatedNode from 'AnimatedNode';
  17 |
> 18 | export opaque type StyleSheetStyle: number = number;
     |        ^
  19 |
  20 | export type ColorValue = null | string;
  21 | export type DimensionValue = null | number | string | AnimatedNode;

My code:

import { Image as CachedImage } from 'react-native-expo-image-cache';

class Class extends Component {
    render() {
        const preview = require('./img/image.png');
        const uri = this.props.imageURI;
        
        return <CachedImage style={{ height: 100, width: 100 }} {...{ preview, uri }} />;
    }
}

Anyone else experienced this?

[wcandillon]

@origamih This should be finally fixed now 😃

[origamih]

@wcandillon I had the same issue. I tried to strip away Flow myself, and this line of the compiled code caused the issue: import { } from "react-native/Libraries/StyleSheet/StyleSheetTypes"; Obviously it stripped the flow annotation inside the import bracket, but the import statement remains, which caused babel to compile this file. I commented out this line and ta-da.