D3 7.0.0 SyntaxError: Unexpected token 'export'

Question

I'm trying to import d3 into my node application but I'm getting the following error:

$ node src/main.js
this is logged from main.js 2021-07-20 2:33 PM
/Users/michaelosofsky/Developer/shh/node_modules/d3/src/index.js:1
export * from "d3-array";
^^^^^^

SyntaxError: Unexpected token 'export'
    at Module._compile (internal/modules/cjs/loader.js:892:18)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:973:10)
    at Module.load (internal/modules/cjs/loader.js:812:32)
    at Function.Module._load (internal/modules/cjs/loader.js:724:14)
    at Module.require (internal/modules/cjs/loader.js:849:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> (/Users/michaelosofsky/Developer/shh/src/main.js:3:10)
    at Module._compile (internal/modules/cjs/loader.js:956:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:973:10)
    at Module.load (internal/modules/cjs/loader.js:812:32)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

I tried following the method of importing d3 described in How to use D3 in Node.js properly?:

yarn add d3 (added 7.0.0 to my package.json)
Put var d3 = require("d3"); in my main.js
Run node src/main.js

This seems to be exactly what's specified in answers such as https://stackoverflow.com/a/9949301/2848676.

How to I work around this error?

I got the same issue when upgrading to d3 7.0.0. Last working version is 6.7.0 — Thijs Limmen, Jul 21 '21 at 09:55

score 3 · Answer 1 · answered Jul 20 '21 at 21:55

3

I found I could work around this issue by downgrading the version of d3 I was using:

yarn remove d3
yarn add d3@4.12.2
node src/main.js

Now it does not give me that error anymore.

I don't know the nuances of node module conventions well enough to explain it but I do see a change in d3 7.0.0 that pertains to modules, so maybe that had something to do with the root cause: https://github.com/d3/d3/issues/3501.

answered Jul 20 '21 at 21:55

Michael Osofsky

11,429
16
68
113

1

Thanks for your answer. I was on 7.0.1 and downgrading to 6.7.0 solved it – Awad Maharoof Sep 15 '21 at 06:04

score 0 · Answer 2 · answered Sep 14 '22 at 06:58

0

npm i d3@6.*

works as well for me

answered Sep 14 '22 at 06:58

denbon05

21
4

This does not provide an answer to the question. Once you have sufficient [reputation](https://stackoverflow.com/help/whats-reputation) you will be able to [comment on any post](https://stackoverflow.com/help/privileges/comment); instead, [provide answers that don't require clarification from the asker](https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can-i-do-instead). - [From Review](/review/late-answers/32714614) – Geshode Sep 20 '22 at 07:37

D3 7.0.0 SyntaxError: Unexpected token 'export'

2 Answers2