Искам да стартирам d3 от Cakefile

Бих искал да изпълня някакъв d3 код от командния ред. Първоначално просто опитах нещо като:

task 'data', 'Build some data with d3', ->
      d3 = require('lib/d3.v2')
      console.log "d3 version = "+ d3.version

Но това не проработи. Получих грешки като тази:

node.js:201
        throw e; // process.nextTick error, or 'error' event on first tick
          ^
ReferenceError: CSSStyleDeclaration is not defined
    at /Users/mydir/Documents/classes/middleclass/app/lib/d3.min.js:1:21272
    at Object.<anonymous> (/Users/mydir/Documents/classes/middleclass/app/lib/d3.min.js:2:25395)
    at Module._compile (module.js:432:26)
    at Object..js (module.js:450:10)
    at Module.load (module.js:351:31)
    at Function._load (module.js:310:12)
    at Module.require (module.js:357:17)
    at require (module.js:368:17)
    at Object.action (/Users/mydir/Documents/classes/middleclass/Cakefile:22:10)
    at /usr/local/lib/node_modules/coffee-script/lib/coffee-script/cake.js:39:26

И така... реших, че това изключение ми казва, че трябва да изпълня d3 вътре в браузър. Опитах това по няколко различни начина. По принцип обаче си мислех, че ако просто пусна phantomjs, вероятно ще мога да правя това, което искам. Ето моя Cakefile:

task 'data2', 'Build some data with d3', ->
  hem = spawn 'hem', ['server']
  phantom = require('phantom')
  phantom.create (ph) ->
    ph.createPage (page) ->
      page.open 'http://localhost:9294/sandbox.html', (status) ->
        page.evaluate (-> window), (window) ->
          require = window.require
          require('lib/d3.v2')
          console.log("d3 version = "+ d3.version)
          ph.exit()
          hem.kill()

Когато обаче вървя по този път, винаги получавам изключения като това:

TypeError: object is not a function
    at Object.CALL_NON_FUNCTION (native)
    at Object.<anonymous> (/Users/mydir/Documents/classes/middleclass/Cakefile:52:13)
    at Object.<anonymous> (/Users/mydir/Documents/classes/middleclass/node_modules/phantom/node_modules/dnode-protocol/index.js:274:16)
    at apply (/Users/mydir/Documents/classes/middleclass/node_modules/phantom/node_modules/dnode-protocol/index.js:143:17)
    at EventEmitter.handle (/Users/mydir/Documents/classes/middleclass/node_modules/phantom/node_modules/dnode-protocol/index.js:120:13)
    at /Users/mydir/Documents/classes/middleclass/node_modules/phantom/node_modules/dnode-protocol/index.js:81:20
    at EventEmitter.<anonymous> (/Users/mydir/Documents/classes/middleclass/node_modules/phantom/node_modules/dnode/node_modules/lazy/lazy.js:62:13)
    at EventEmitter.<anonymous> (/Users/mydir/Documents/classes/middleclass/node_modules/phantom/node_modules/dnode/node_modules/lazy/lazy.js:46:19)
    at EventEmitter.emit (events.js:67:17)
    at EventEmitter.<anonymous> (/Users/mydir/Documents/classes/middleclass/node_modules/phantom/node_modules/dnode/node_modules/lazy/lazy.js:46:39)

Какво правя погрешно??

Благодарение на mbostock постигнах следното работа:

Моят package.json:

{
    "name": "app",
    "version": "0.0.1",
    "dependencies": {
        "d3": "~2.8.0",
        "jsdom": "~0.2.13"
    }
}

Моят Cakefile:

task 'd3', 'Do something with d3', ->
  jsdom = require('jsdom')
  jsdom.env({
    html: 'public/sandbox.html'
    done: (errors,window) ->
      require('d3/index.js')
      console.log("d3 version = "+ d3.version)
  })

javascript jsdom coffeescript d3.js
person dsummersl    schedule 01.03.2012    source източник
comment
Изглежда, че сте решили проблема си. Аз лично получих същата грешка и я поправих с export NODE_PATH=/usr/local/lib/node_modules   -  person Thomas Ahle    schedule 16.08.2012

Отговори (1)


arrow_upward
3
arrow_downward

Вижте package.json на D3. По-конкретно, файлът, който искате да изисквате, когато работите в Node или подобни среди, е index. js вместо d3.v2.js; този файл съдържа някои специални пачове, които правят D3 съвместим с оператора require.

За да го изпробвате сами, cd към d3 хранилището, стартирайте node, за да създадете интерактивна обвивка, и след това кажете

var d3 = require("./");

Или, ако сте в собствената си папка на проекта, ако сте инсталирали D3 в node_modules/d3 чрез npm (npm install d3), можете да кажете:

var d3 = require("d3");
person mbostock    schedule 06.03.2012
comment
Благодаря за отговора на моя малко стар въпрос - ще го пробвам днес. И от автора на d3 не по-малко! - person dsummersl; 06.03.2012
comment
Просто реших да продължа да попитам...тъй като авторът е в тази тема...опитах 'npm install d3' и докато var d3 = require('d3'); в конзолата на възел ми дава 'undefined', но мога да направя d3.version и да получа число, поставяйки го в app.js ми дава: TypeError: Cannot read property 'BSON' of undefined...пропускам ли нещо? - person pland; 30.03.2012
comment
@pland Вижте stackoverflow.com/questions/9948350 var d3 = require("d3"); отпечатва undefined в конзолата, защото този израз се оценява на undefined; объркващо, това не означава, че променливата d3 е недефинирана! Фактът, че можете да отпечатате d3.version показва, че пакетът е зареден правилно. - person mbostock; 30.03.2012