reactjs - React-dom.js import statement results in Uncaught ReferenceError: define is not defined. -

-

i writing test component integration project using typescript , react in visual studio. use tracking down why following code has issue:

define(["require", "exports", 'react', 'react-dom'], function (require, exports, react, reactdom)

on scripts/typings/react-dom/react-dom.d.ts reference path line, error flagged stating: "uncaught referenceerror: define not defined"
line error reported on line 8, col 1 of javascript version shown below:

the typescript component looks this:

///<reference path='../../scripts/typings/react/react.d.ts' /> ///<reference path='../../scripts/typings/react-dom/react-dom.d.ts' />  import react = require('react'); import reactdom = require('react-dom');   interface p { name?: string; }  interface s { complete?: boolean; }   class goal extends react.component<p, s> { state: s = {     complete: false }  private _togglecompletion = () => {     this.setstate({ complete: !this.state.complete }); }  render() {     var status = 'status: ' + (this.state.complete ? 'complete' : 'incomplete');     return react.dom.div({         children: [             react.dom.div({}, this.props.name + ' - ' + status),             react.dom.button({                 onclick: this._togglecompletion             }, 'toggle completion')         ]     }); } }  reactdom.render(react.createelement(goal, { name: 'learn react , typescript' }),     document.getelementbyid('react'));

the compiled javscript version of file follows:

 /// <reference path='../../scripts/typings/react/react.d.ts' />     /// <reference path='../../scripts/typings/react-dom/react-dom.d.ts' />     var __extends = (this && this.__extends) || function (d, b) {     (var p in b) if (b.hasownproperty(p)) d[p] = b[p];     function __() { this.constructor = d; }     d.prototype = b === null ? object.create(b) : (__.prototype = b.prototype, new __()); }; define(["require", "exports", 'react', 'react-dom'], function (require, exports, react, reactdom) {     var goal = (function (_super) {         __extends(goal, _super);         function goal() {             var _this = this;             _super.apply(this, arguments);             this.state = {                 complete: false             };             this._togglecompletion = function () {                 _this.setstate({ complete: !_this.state.complete });             };         }         goal.prototype.render = function () {             var status = 'status: ' + (this.state.complete ? 'complete' : 'incomplete');             return react.dom.div({                 children: [                     react.dom.div({}, this.props.name + ' - ' + status),                     react.dom.button({                         onclick: this._togglecompletion                     }, 'toggle completion')                 ]             });         };         return goal;     })(react.component);     reactdom.render(react.createelement(goal, { name: 'learn react , typescript' }), document.getelementbyid('react')); });


Comments

Post a Comment

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

-
i use delphi xe2 , indy10 udp protocol. can't receive server echo on client side if use receivebuffer method. got "socket error # 10040" although send small echo message server client. console application illustrate problem below. in advance. program project1; {$apptype console} {$r *.res} uses system.sysutils, idglobal, idbasecomponent, idcomponent, idsockethandle, idudpclient, idudpserver, idudpbase, idstack; type tudp_serv = class(tidudpserver) procedure udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); end; var udpserver: tudp_serv; udpcl: tidudpclient; bsnd, brcv: tbytes; s: string; k: integer; //============================================================================== procedure tudp_serv.udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); begin writeln(' server read: ' + tohex(adata, length(adata))); abinding sendto(peerip, peerport, adat...
Read more

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

-
i new windows programming. here goes code objiwbemlocator = new qaxobject("wbemscripting.swbemlocator"); objwmiservice = objiwbemlocator->querysubobject("connectserver(qstring&,qstring&)",qstring("."),qstring("root\\cimv2")); qaxobject* returnlist = objwmiservice->querysubobject("execquery(qstring&)", qstring("select * %1").arg(domain)); qaxobject* result = returnlist->querysubobject("itemindex(int)", 0); i getting error on runtime qt activex wmi qaxbase::dynamiccallhelper: itemindex(int): no such property in but itemindex method exists msdn says the itemindex method not work collections not contain swbemobjects, such swbemmethodset, swbemnamedvalueset, swbemprivilegeset, swbempropertyset, , swbemqualifierset. what selecting ? have tried iterating on collection ? plus need minimum windows vista itemindex method. hope helps
Read more

Enable autocomplete or intellisense in Atom editor for PHP -

-
i'm first time user of atom editor php code. atom can autocomplete built-in functions of php. possible make editor autocomplete custom function written in separate file? function.php <?php function printsomething() { echo "hello world"; } index.php <?php require_once "function.php"; printsomething(); // autocompleted atom editor while typing thanks in advance. there text file in %userprofile%.atom called snippets.cson. in there can add snippet. more this: http://flight-manual.atom.io/using-atom/sections/snippets/ but need think can use later on other files well. otherwise need copy , paste.
Read more