Code Monkey home page Code Monkey logo

Comments (9)

zpao avatar zpao commented on October 7, 2024

Indeed. This is deceptive and you got a really bad error message. We need to fix that (amongst other things).

Right now scripts need to be prefixed with a docblock to assist the transformer. The fact that it's missing here is causing it to not recognize that it should be converting to JSX. We very much want to fix this ASAP. Sorry that it's causing you issues!

In the mean time, just prefixing your code with this docblock should fix your problem. Please close this out if it does.

/**
 * @jsx React.DOM
 */

or the condensed version will work too

/** @jsx React.DOM */

from react.

aarongrando avatar aarongrando commented on October 7, 2024

This works, thanks tremendously.

from react.

homleen avatar homleen commented on October 7, 2024

Meet this problem too. Maybe it should be warned in the documentation.

from react.

petehunt avatar petehunt commented on October 7, 2024

Follow up: we've updated to stress this in several places. Hopefully it's okay now.

from react.

bthibault avatar bthibault commented on October 7, 2024

wow, took me a while to track this down . Can we just fix this the right way?

from react.

sophiebits avatar sophiebits commented on October 7, 2024

I'd like to change the default file extension to .jsx and then transform JSX regardless of if the docblock is present; see #832.

from react.

bthibault avatar bthibault commented on October 7, 2024

+1

from react.

NSAKHAN avatar NSAKHAN commented on October 7, 2024

Tried with new version .11.rc, seems no fix in this version! Am I missing something?

<script src="http://fb.me/react-0.11.0-rc1.js"></script> <script src="http://fb.me/JSXTransformer-0.11.0-rc1.js"></script>

from react.

syranide avatar syranide commented on October 7, 2024

@NSAKHAN It's not supposed to work (right now), you're trying to return multiple components for the root, you can only return one.

EDIT: Oh wait, this was for the docblock, you need to add /** @jsx React.DOM */ at the top of your files.

from react.

Related Issues (20)

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.