javascript - React renderToStaticMarkup and "Invariant Violation: Invalid tag" error -

-

i keep getting "invariant violation: invalid tag" errors when try convert jsx file js , generate html saving static html file. here test.js file:

var fs = require("fs"); var babel = require("babel-core"); var react = require("react"); var reactdomserver = require("react-dom/server"); fs.readfile('./template.js', function(err, data) {     var template = babel.transform(data, {         "presets": ["es2015", "react"],         "plugins": ["transform-es2015-modules-umd"]     });     template = react.createelement(template.code);     console.log(reactdomserver.rendertostaticmarkup(template)); });

here template.js file:

const react = require('react');  module.exports = react.createclass({   render: function() {     return <div>hello {this.props.name}</div>;   } });

here console dump:

bills-mbp:white-label bshack$ node test.js /users/bshack/sites/white-label/node_modules/react/node_modules/fbjs/lib/invariant.js:45     throw error;     ^  invariant violation: invalid tag: (function (global, factory) {   if (typeof define === "function" && define.amd) {     define(['module', 'react'], factory);   } else if (typeof exports !== "undefined") {     factory(module, require('react'));   } else {     var mod = {       exports: {}     };     factory(mod, global.react);     global.unknown = mod.exports;   } })(this, function (module, react) {   'use strict';    module.exports = react.createclass({     displayname: 'exports',      render: function render() {       return react.createelement(         'div',         null,         'hello ',         this.props.name       );     }   }); }); @ invariant (/users/bshack/sites/white-label/node_modules/react/node_modules/fbjs/lib/invariant.js:38:15) @ validatedangeroustag (/users/bshack/sites/white-label/node_modules/react/lib/reactdomcomponent.js:299:74) @ new reactdomcomponent (/users/bshack/sites/white-label/node_modules/react/lib/reactdomcomponent.js:326:3) @ object.createinternalcomponent (/users/bshack/sites/white-label/node_modules/react/lib/reactnativecomponent.js:68:10) @ instantiatereactcomponent (/users/bshack/sites/white-label/node_modules/react/lib/instantiatereactcomponent.js:70:39) @ /users/bshack/sites/white-label/node_modules/react/lib/reactserverrendering.js:37:31 @ reactserverrenderingtransaction.mixin.perform (/users/bshack/sites/white-label/node_modules/react/lib/transaction.js:136:20) @ rendertostringimpl (/users/bshack/sites/white-label/node_modules/react/lib/reactserverrendering.js:36:24) @ object.rendertostaticmarkup (/users/bshack/sites/white-label/node_modules/react/lib/reactserverrendering.js:59:10) @ /users/bshack/sites/white-label/test.js:11:32

it keeps giving me same error when start delete lines complains about. ideas?


Comments

Post a Comment

Popular posts from this blog

Ansible - ERROR! the field 'hosts' is required but was not set -

-
i've error when launch playbook don't found why.... error! field 'hosts' required not set there main.yml : --- - hosts: hosts - vars: - elasticsearch_java_home: /usr/lib/jmv/jre-1.7.0 - elasticsearch_http_port: 8443 - tasks: - include: tasks/main.yml - handlers: - include: handlers/main.yml and /etc/ansible/hosts : [hosts] 10.23.108.182 10.23.108.183 10.23.108.184 10.23.108.185 when test ping, : [root@poste08-08-00 elasticsearch]# ansible hosts -m ping 10.23.108.183 | success => { "changed": false, "ping": "pong" } 10.23.108.182 | success => { "changed": false, "ping": "pong" } 10.23.108.185 | success => { "changed": false, "ping": "pong" } 10.23.108.184 | success => { "changed": false, "ping": "pong" } please, me :) regards, you have syntax error in playbook.
Read more

customize file_field button ruby on rails -

-
i'm trying rid of ugly button rails has default file upload. want add glyphicon <%= f.file_field :image_url, class:"glyphicon glyphicon-camera" %> this didn't work , have tried other things in different post saw on page, don't attach file. as suggested here bootstrap filestyle , can use bootstrap's filestyle style file upload buttons. step-1: add layout application.html.erb i have added bootstrap filestyle library cdn. should make sure have both jquery , boostrap loaded. <script type="text/javascript" src="https://cdn.jsdelivr.net/bootstrap.filestyle/1.1.0/js/bootstrap-filestyle.min.js"> </script> step-2: add corresponding js file: $(":file").filestyle({input: false}); step-3: image_url file field follows: <%= f.file_field :image_url,class: "filestyle", "data-input" => false %>
Read more

SoapUI on windows 10 - high DPI/4K scaling issue -

-
Image
soapui doesn't seem dpi-aware , displays small on high dpi screen (tiny text , buttons). other applications running fine (screen resolution 3840 x 2160). version : soapui 5.1.2 os : windows 10 i have tried: configure soapui run "disable display scaling on high dpi settings" - parts of soapui looking bigger , don't display (image) changing resolution changing font size (preferences > editor settings > select font...) therefore assume, soapui pretends dpi-aware, not scale itself. have same issue? this workaround until developers round making version dpi-aware. step 1: add registry key hkey_local_machine\software\microsoft\windows\currentversion\sidebyside\preferexternalmanifest (dword) 1 step 2: add manifest file 'soapui-5.2.1.exe.manifest' in same directory 'soapui-5.2.1.exe' content of manifest file: <?xml version="1.0" encoding="utf-8" standalone="yes"?> <assembly xml
Read more