Uncaught Error: Cannot find module 'create-react-class' #1727

sonhgc00016 · 2017-05-17T08:02:31Z

Uncaught Error: Cannot find module 'create-react-class'
    at s (react-select.js:1)
    at react-select.js:1
    at Object.<anonymous> (react-select.js:823)
    at Object.5../Async (react-select.js:2038)
    at s (react-select.js:1)
    at e (react-select.js:1)
    at react-select.js:1
    at react-select.js:1
    at react-select.js:1

The text was updated successfully, but these errors were encountered:

agirton · 2017-05-17T16:29:44Z

This sounds like you have some dependency issues. Can you let me know what steps you have taken after you saw this issue? Can you give me a reproducible build?

azotova · 2017-05-17T16:53:02Z

@agirton Thanks for looking into this!
I use the builds from CDN:

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react-with-addons.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/classnames/2.2.5/index.js"></script>
<script src="https://npmcdn.com/react-input-autosize/dist/react-input-autosize.js"></script>
<script src="https://npmcdn.com/react-select/dist/react-select.js"></script>

I get two error messages:

Uncaught Error: Cannot find module 'react' (this comes from react-input-autosize, I described the issue with react in a comment here: Missing dependencies for create-react-class and prop-types react-input-autosize#84 )
Uncaught Error: Cannot find module 'create-react-class' from react-select.

My temporary fix is to use the previous versions of react-select and react-input-autosize (in this way I get react warnings but at least everything works):

script(src="https://npmcdn.com/[email protected]/dist/react-input-autosize.js")
script(src="https://npmcdn.com/[email protected]/dist/react-select.js")

agirton · 2017-05-17T17:02:34Z

Thanks, I will need to update the README, but you will need to include create-react-class and prop-types from the CDN if you don't use a module bundler.

azotova · 2017-05-17T17:13:01Z

Thanks! I think that this will fix the issue with react-select but not with react-input-autosize. In case of react-input-autosize, the create-react-class module is part of the build as a dependency, but, if I understand this correctly, it requires react and react is undefined.

agirton · 2017-05-17T17:15:39Z

The UMD build of create-react-class should cover both packages since it attaches it to the global scope.

azotova · 2017-05-17T17:44:59Z

I included <script src="https://unpkg.com/create-react-class/create-react-class.js"></script> (after react-dom, before react-input-autosize) and still get the same two error messages.
I might be reading it wrong, but I guess that in line 2038 here https://npmcdn.com/[email protected]/dist/react-select.js create-react-class is given the value of undefined in the current scope. The same is happening with react in react-input-autosize.

azotova · 2017-05-18T08:32:40Z

A very simple way to reproduce the issue:

<!DOCTYPE html>
<html>
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react-with-addons.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react-dom.js"></script>
    <script src="https://unpkg.com/create-react-class/create-react-class.js"></script>
    <script src="https://unpkg.com/classnames/index.js"></script>
    <script src="https://unpkg.com/react-input-autosize/dist/react-input-autosize.js"></script>
    <script src="https://unpkg.com/react-select/dist/react-select.js"></script>
  </head>
  <body>
    Hello, world!
  </body>
</html>

Just opening a file with this code in the browser triggers error messages.

vlaquest · 2017-05-31T13:37:00Z

Hi, same issue as azotova, I'm blocked, I manage to build the project with npm start and run the demo, but no way I can find a working set of script includes to code my own selects.
the fix has not been merged yet.
reverting to rc3 doesn't work either (can't select any value in the dropdown)
including create-react-class and prop-types does not work here.

aluskin · 2017-05-31T17:09:44Z

Same issue here. We have the same two console errors as azotova. Reverted to 1.0.0-rc.3 and autosize 1.1.0 as a work-around.

willyts · 2017-05-31T17:13:37Z

Same issue as @aluskin and @azotova. Also found that reverting to [email protected] and [email protected] with [email protected] solves the issue.

vlaquest · 2017-06-02T07:59:39Z

Hi guys, the workaround does not work for me. There is no js error and the select control appears, but no click would work, don't get why. Here's my code:

<!DOCTYPE html>
<html>
<head>
    <title>Select tests</title>
    <meta charset="utf-8" />
</head>
<body>
    <link rel="stylesheet" href="https://unpkg.com/bootstrap@next/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/react-select.css">
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react-dom.min.js"></script>
    <script src="https://unpkg.com/classnames/index.js"></script>
    <script src="https://npmcdn.com/[email protected]/dist/react-input-autosize.js"></script>
    <script src="https://npmcdn.com/[email protected]/dist/react-select.js"></script>

    <form name="react-form">
        <div id="select">
        </div>
    </form>

    <script src="React/Select.jsx"></script>

</body>
</html>

With the following jsx:

var envOptions = [
  { value: 'a', label: 'A' },
  { value: 'b', label: 'B' },
  { value: 'c', label: 'C' }
];

const MySelect = React.createClass({
    render() {
        return (
            <Select name="form-field-name"
                value="a,b"
                multi={true}
                options={envOptions}
            />
        );
    }
});

ReactDOM.render(<MySelect />, document.getElementById('select'));

azotova · 2017-06-02T08:38:56Z

@vincentlabatut It looks like your issue is not related to react-select versions.

I might be wrong but I would guess the click doesn't work because you haven't specified the onChange handler.

vlaquest · 2017-06-02T09:02:08Z

@azotova Got it ! thanks ! I thought naively I could reuse pieces of code from the github home readme, but they're not real examples, they don't really "work". I could see the real examples in the sources. Thanks a lot.

That doesn't solve the create-react-class problem, that is blocking.

pateketrueke · 2017-08-20T06:06:45Z

Until standalone versions are available again on github you can use these links:

Symbols are exported as reactSelect and reactInputAutosize on the window.

mcorteel · 2017-08-25T13:02:21Z

@pateketrueke Thank you for the links, but these builds throw errors for me:

Error: addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's `render` method, or you have multiple copies of React loaded (details: https://fb.me/react-refs-must-have-owner).  0110871_part_1.js:22958:15
Error: traverseParentPath(...): Cannot traverse from and to the same ID, ``. 0110871_part_1.js:24170:273936
Error: removeComponentAsRefFrom(...): Only a ReactOwner can have refs. You might be removing a ref to a component that was not created inside a component's `render` method, or you have multiple copies of React loaded (details: https://fb.me/react-refs-must-have-owner). 0110871_part_1.js:22958:15

Do you have any idea how this could be fixed? Comments in #606 seem to point to a duplicate React dependency.

pateketrueke · 2017-08-25T14:27:51Z

Sorry, in a first glance it worked but soon I ended up with similar errors...

After all my solution was creating a dedicated vendors.js bundle:

import React from 'react';
import ReactDOM from 'react-dom';
import ReactSelect from 'react-select';

window.React = React;
window.ReactDOM = ReactDOM;
window.Select = ReactSelect;

This is far better than bundling this vendors with my application code, otherwise the bundle time is slow as hell...

mcorteel · 2017-09-12T09:48:02Z

@JedWatson I see you have resumed work on this project, this is great!
Is there a reason for the build change? It makes it impossible to use the dist version of react-select since 1.0.0-rc.4.

JedWatson · 2017-09-12T13:13:24Z

@mcorteel a lot of reasons, yes - let's discuss that in a separate issue though if you have specific things that are breaking for you (please report with details). A lot of issues with the new dist build have been solved in rc.8

This particular issue should have been fixed with the 2.0.0 release of react-input-autosize, which has been rewritten without create-react-class (see the new standalone demo in react-select: https://github.com/JedWatson/react-select/blob/master/examples/src/standalone.html)

agirton added the issue/bug-unconfirmed Issues that describe a bug that hasn't been confirmed by a maintainer yet label May 17, 2017

jochenberger mentioned this issue May 18, 2017

remove create-react-class dependency from main sources #1734

Closed

agirton mentioned this issue Jul 17, 2017

Uncaught Error: Cannot find module 'create-react-class' #1877

Closed

begincalendar mentioned this issue Sep 4, 2017

Async class has a one-character lag when getting the inputValue #1960

Closed

JedWatson closed this as completed Sep 12, 2017

mcorteel mentioned this issue Sep 13, 2017

Runtime error when using dist version: "TypeError: PropTypes is undefined" #1996

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uncaught Error: Cannot find module 'create-react-class' #1727

Uncaught Error: Cannot find module 'create-react-class' #1727

sonhgc00016 commented May 17, 2017

agirton commented May 17, 2017

azotova commented May 17, 2017 •

edited

Loading

agirton commented May 17, 2017

azotova commented May 17, 2017 •

edited

Loading

agirton commented May 17, 2017

azotova commented May 17, 2017 •

edited

Loading

azotova commented May 18, 2017

vlaquest commented May 31, 2017

aluskin commented May 31, 2017

willyts commented May 31, 2017

vlaquest commented Jun 2, 2017

azotova commented Jun 2, 2017

vlaquest commented Jun 2, 2017

pateketrueke commented Aug 20, 2017

mcorteel commented Aug 25, 2017

pateketrueke commented Aug 25, 2017

mcorteel commented Sep 12, 2017

JedWatson commented Sep 12, 2017

Uncaught Error: Cannot find module 'create-react-class' #1727

Uncaught Error: Cannot find module 'create-react-class' #1727

Comments

sonhgc00016 commented May 17, 2017

agirton commented May 17, 2017

azotova commented May 17, 2017 • edited Loading

agirton commented May 17, 2017

azotova commented May 17, 2017 • edited Loading

agirton commented May 17, 2017

azotova commented May 17, 2017 • edited Loading

azotova commented May 18, 2017

vlaquest commented May 31, 2017

aluskin commented May 31, 2017

willyts commented May 31, 2017

vlaquest commented Jun 2, 2017

azotova commented Jun 2, 2017

vlaquest commented Jun 2, 2017

pateketrueke commented Aug 20, 2017

mcorteel commented Aug 25, 2017

pateketrueke commented Aug 25, 2017

mcorteel commented Sep 12, 2017

JedWatson commented Sep 12, 2017

azotova commented May 17, 2017 •

edited

Loading

azotova commented May 17, 2017 •

edited

Loading

azotova commented May 17, 2017 •

edited

Loading