Я хочу запустить d3 из Cakefile - PullRequest
Новая
       24

Я хочу запустить d3 из Cakefile

5 голосов
/ 02 марта 2012

Я хотел бы выполнить некоторый код 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 внутри браузера.Я попробовал это несколькими способами.Хотя, в принципе, я подумал, что если бы я просто запустил фантомы, я бы, вероятно, смог сделать то, что хотел.Вот мой 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)
  })

1 Ответ

3 голосов
/ 06 марта 2012

См. D3's package.json . В частности, файл, который вам требуется при работе в 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");
...