Running ReactJS.NET with browserify

Question

I'm struggling to get Browserify working with the ReactJS .NET MVC setup from the demo page.

Everything works when rendering on the server with a .jsx file (not using require()), but when I use my Browserify bundle I get an error of:

An exception of type 'React.Exceptions.ReactInvalidComponentException' occurred in React.dll but was not handled in user code. Additional information: Could not find a component named 'CommentBox'. Did you forget to add it to App_Start\ReactConfig.cs?

Here is my View:

@Html.React("CommentBox", new
{
    initialData = Model
})
<script src="http://fb.me/react-0.12.2.js"></script>
<script src="src/to/bundle.js"></script>
@Html.ReactInitJavaScript()

ReactInitJavascript() compiles to:

<script>React.render(React.createElement(CommentBox, {"initialData":[{"Author":"Daniel Lo Nigro","Text":"Hello ReactJS.NET World!"},{"Author":"Pete Hunt","Text":"This is one comment"}]}), document.getElementById("react1"));

I assume that CommentBox is not defined because it is not accessible from the Browserify bundle, is there a simple way to expose a component?

I'm running my browserify task on the command-line so any suggestions for that would be helpful.

Daniel Lo Nigro · Accepted Answer · 2015-04-10 18:22:02Z

4

You need to expose the component globally, so that it can be accessed from the server-side code. I haven't tried it with Browserify, but the ReactJS.NET documentation does cover how to do this with Webpack: http://reactjs.net/guides/webpack.html

answered Apr 10, 2015 at 18:22

Daniel Lo Nigro

3,43430 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

thomasdigby Over a year ago

Tried it with Webpack, the tutorial made it easy to see how to expose it globally. Thanks!

Collectives™ on Stack Overflow

Running ReactJS.NET with browserify

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related