Git Product home page Git Product logo

Comments (14)

rgovindji avatar rgovindji commented on September 27, 2024 1

YUP! that did it :)

from gl-react-imagefilters.

st0ffern avatar st0ffern commented on September 27, 2024

@dcworldwide what is your error message?
What platform?

from gl-react-imagefilters.

rgovindji avatar rgovindji commented on September 27, 2024

Ran into the same issue:

  • "react-native": "^0.28.0",
    
  • "react": "^15.1.0",
    
  • "gl-react": "^2.2.5",
    
  • "gl-react-image": "0.0.2",
    
  • "gl-react-instagramfilters": "^0.1.0",
    
  • "gl-react-native": "^2.28.0",
    
`Failed to build DependencyGraph: @providesModule naming collision:
  Duplicate module name: ViewportMetrics
  Paths: /Users/rgovindji/Projects/Bunch/node_modules/react/lib/ViewportMetrics.js collides with /Users/rgovindji/Projects/Bunch/node_modules/gl-react-imagefilters/node_modules/react/lib/ViewportMetrics.js

This error is caused by a @providesModule declaration with the same name accross two different files.
Error: @providesModule naming collision:
  Duplicate module name: ViewportMetrics
  Paths: /Users/rgovindji/Projects/Bunch/node_modules/react/lib/ViewportMetrics.js collides with /Users/rgovindji/Projects/Bunch/node_modules/gl-react-imagefilters/node_modules/react/lib/ViewportMetrics.js

This error is caused by a @providesModule declaration with the same name accross two different files.
    at HasteMap._updateHasteMap (/Users/rgovindji/Projects/Bunch/node_modules/node-haste/lib/DependencyGraph/HasteMap.js:162:15)
    at /Users/rgovindji/Projects/Bunch/node_modules/node-haste/lib/DependencyGraph/HasteMap.js:127:25
    at process._tickCallback (internal/process/next_tick.js:103:7)
~
Process terminated. Press <enter> to close the window`

from gl-react-imagefilters.

st0ffern avatar st0ffern commented on September 27, 2024

Tnx for log.
Please try out the new version, this should fix the problem. 1bbff5e
Remember to rm node_modules and do a fresh npm i

let me know if it works out

from gl-react-imagefilters.

rgovindji avatar rgovindji commented on September 27, 2024

Thanks I'll try it out tonight!

from gl-react-imagefilters.

st0ffern avatar st0ffern commented on September 27, 2024

@rgovindji btw if you are using node v4, i would recommend to switch to v6.
They will switch from v4 to v6 the 1. October anyways 😉

from gl-react-imagefilters.

rgovindji avatar rgovindji commented on September 27, 2024

Still having a bit of an issue I can't resolve the module. Here is my import statement:

import {ImageFilter} from 'gl-react-imagefilters';

Also the one in the example readme might be incorrect, are you missing an "s" at the end of "gl-react-imagefilter". I tried with an "s" and without and still the same error below.

var ImageFilter = require("gl-react-imagefilter").ImageFilter;
// or
import {ImageFilter} from "gl-react-imagefilter";

screen shot 2016-08-16 at 11 09 59 am

from gl-react-imagefilters.

st0ffern avatar st0ffern commented on September 27, 2024

@rgovindji my bad. it is working now..
dist was missing in the NPM release, added .npmignore that should fix it! 😉
50cc5010

readme updated to it should be gl-react-imagefilters

from gl-react-imagefilters.

rgovindji avatar rgovindji commented on September 27, 2024

Sweet thanks for the quick fix! 👍

from gl-react-imagefilters.

st0ffern avatar st0ffern commented on September 27, 2024

Np

from gl-react-imagefilters.

rgovindji avatar rgovindji commented on September 27, 2024

@Stoffern I thought it was fixed on my end but I'm getting this error now actually. It may not be caused by this library but this is what I am seeing.

screen shot 2016-08-16 at 10 04 03 pm

Error: Error validating module options: child "platform" fails because ["platform" must be a string]
    at declareOpts.js:60:13
    at index.js:241:20
    at tryCallOne (/Users/rgovindji/Projects/Bunch/node_modules/promise/lib/core.js:37:12)
    at /Users/rgovindji/Projects/Bunch/node_modules/promise/lib/core.js:123:15
    at flush (/Users/rgovindji/Projects/Bunch/node_modules/asap/raw.js:50:29)
    at _combinedTickCallback (internal/process/next_tick.js:67:7)
    at process._tickCallback (internal/process/next_tick.js:98:9)

from gl-react-imagefilters.

st0ffern avatar st0ffern commented on September 27, 2024

@rgovindji this is not the library.
Just testet it here and it is working fine, can you show me the code of PhotoEditPage?
There is a parameter that is passed in one component that is supposed to be a string...

from gl-react-imagefilters.

rgovindji avatar rgovindji commented on September 27, 2024

Sure it's very basic

export default class PhotoEditPage extends Component {
  constructor(props, context) {
    super(props, context);

  }

  render() {
    return (
      <View style={styles.container}>
        <Surface width={300} height={200}>
          <ImageFilter sepia={3} blur={2}>
            <GLImage
                 source="https://unsplash.it/200/300"
                imageSize={{ width: 300, height: 200 }}
                 resizeMode="cover" />
          </ImageFilter>
        </Surface>
      </View>
    );
  }

from gl-react-imagefilters.

st0ffern avatar st0ffern commented on September 27, 2024

@rgovindji try doing

import ImageFilter from 'gl-react-imagefilters'

from gl-react-imagefilters.

Related Issues (13)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.