The learn-d3 from willamesoares

webpack: Failed to compile

Module build failed: ModuleBuildError: Module build failed: Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (108)

Full error

➜  learn-d3 git:(master) ✗ nvm use 18.18 
Now using node v18.18.2 (npm v9.8.1)
➜  learn-d3 git:(master) ✗ npm i        
npm WARN old lockfile 
npm WARN old lockfile The package-lock.json file was created with an old version of npm,
npm WARN old lockfile so supplemental metadata must be fetched from the registry.
npm WARN old lockfile 
npm WARN old lockfile This is a one-time fix-up, please be patient...
npm WARN old lockfile 
npm WARN deprecated [email protected]: The v1 package contains DANGEROUS / INSECURE binaries. Upgrade to safe fsevents v2

up to date, audited 920 packages in 14s

114 vulnerabilities (1 low, 54 moderate, 50 high, 9 critical)

To address issues that do not require attention, run:
  npm audit fix

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.
➜  learn-d3 git:(master) ✗ npm run start

> [email protected] start
> ./node_modules/.bin/webpack-dev-server --hot --inline --progress

 10% building modules 1/1 modules 0 active(node:12292) [DEP0111] DeprecationWarning: Access to process.binding('http_parser') is deprecated.
(Use `node --trace-deprecation ...` to show where the warning was created)

Project is running at http://localhost:4800/
webpack output is served from /dist
Content not from webpack is served from /Users/jm/Workshop/learn-d3/dist
                                                                                        
ERROR in ./src/main.scss
Module build failed: ModuleBuildError: Module build failed: Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (108)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v4.12.0
    at module.exports (/Users/jm/Workshop/learn-d3/node_modules/node-sass/lib/binding.js:13:13)
    at Object.<anonymous> (/Users/jm/Workshop/learn-d3/node_modules/node-sass/lib/index.js:14:35)
    at Module._compile (node:internal/modules/cjs/loader:1256:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
    at Module.load (node:internal/modules/cjs/loader:1119:32)
    at Module._load (node:internal/modules/cjs/loader:960:12)
    at Module.require (node:internal/modules/cjs/loader:1143:19)
    at require (node:internal/modules/cjs/helpers:119:18)
    at Object.<anonymous> (/Users/jm/Workshop/learn-d3/node_modules/sass-loader/lib/loader.js:3:14)
    at Module._compile (node:internal/modules/cjs/loader:1256:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
    at Module.load (node:internal/modules/cjs/loader:1119:32)
    at Module._load (node:internal/modules/cjs/loader:960:12)
    at Module.require (node:internal/modules/cjs/loader:1143:19)
    at require (node:internal/modules/cjs/helpers:119:18)
    at loadLoader (/Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/loadLoader.js:18:17)
    at /Users/jm/Workshop/learn-d3/node_modules/webpack/lib/NormalModule.js:195:19
    at /Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/LoaderRunner.js:172:11
    at loadLoader (/Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/loadLoader.js:32:11)
    at iteratePitchingLoaders (/Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
    at iteratePitchingLoaders (/Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/LoaderRunner.js:165:10)
    at /Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/LoaderRunner.js:176:18
    at loadLoader (/Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/loadLoader.js:47:3)
    at iteratePitchingLoaders (/Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
    at runLoaders (/Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/LoaderRunner.js:365:2)
    at NormalModule.doBuild (/Users/jm/Workshop/learn-d3/node_modules/webpack/lib/NormalModule.js:182:3)
    at NormalModule.build (/Users/jm/Workshop/learn-d3/node_modules/webpack/lib/NormalModule.js:275:15)
    at Compilation.buildModule (/Users/jm/Workshop/learn-d3/node_modules/webpack/lib/Compilation.js:157:10)
    at /Users/jm/Workshop/learn-d3/node_modules/webpack/lib/Compilation.js:460:10
    at /Users/jm/Workshop/learn-d3/node_modules/webpack/lib/NormalModuleFactory.js:243:5
    at /Users/jm/Workshop/learn-d3/node_modules/webpack/lib/NormalModuleFactory.js:94:13
 @ multi (webpack)-dev-server/client?http://localhost:4800 webpack/hot/dev-server ./app.js ./main.scss

ERROR in ./src/main.scss
Module build failed: ModuleBuildError: Module build failed: Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (108)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v4.12.0
    at module.exports (/Users/jm/Workshop/learn-d3/node_modules/node-sass/lib/binding.js:13:13)
    at Object.<anonymous> (/Users/jm/Workshop/learn-d3/node_modules/node-sass/lib/index.js:14:35)
    at Module._compile (node:internal/modules/cjs/loader:1256:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
    at Module.load (node:internal/modules/cjs/loader:1119:32)
    at Module._load (node:internal/modules/cjs/loader:960:12)
    at Module.require (node:internal/modules/cjs/loader:1143:19)
    at require (node:internal/modules/cjs/helpers:119:18)
    at Object.<anonymous> (/Users/jm/Workshop/learn-d3/node_modules/sass-loader/lib/loader.js:3:14)
    at Module._compile (node:internal/modules/cjs/loader:1256:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
    at Module.load (node:internal/modules/cjs/loader:1119:32)
    at Module._load (node:internal/modules/cjs/loader:960:12)
    at Module.require (node:internal/modules/cjs/loader:1143:19)
    at require (node:internal/modules/cjs/helpers:119:18)
    at loadLoader (/Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/loadLoader.js:18:17)
    at /Users/jm/Workshop/learn-d3/node_modules/webpack/lib/NormalModule.js:195:19
    at /Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/LoaderRunner.js:172:11
    at loadLoader (/Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/loadLoader.js:32:11)
    at iteratePitchingLoaders (/Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
    at iteratePitchingLoaders (/Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/LoaderRunner.js:165:10)
    at /Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/LoaderRunner.js:176:18
    at loadLoader (/Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/loadLoader.js:47:3)
    at iteratePitchingLoaders (/Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
    at runLoaders (/Users/jm/Workshop/learn-d3/node_modules/loader-runner/lib/LoaderRunner.js:365:2)
    at NormalModule.doBuild (/Users/jm/Workshop/learn-d3/node_modules/webpack/lib/NormalModule.js:182:3)
    at NormalModule.build (/Users/jm/Workshop/learn-d3/node_modules/webpack/lib/NormalModule.js:275:15)
    at Compilation.buildModule (/Users/jm/Workshop/learn-d3/node_modules/webpack/lib/Compilation.js:157:10)
    at /Users/jm/Workshop/learn-d3/node_modules/webpack/lib/Compilation.js:460:10
    at /Users/jm/Workshop/learn-d3/node_modules/webpack/lib/NormalModuleFactory.js:243:5
    at /Users/jm/Workshop/learn-d3/node_modules/webpack/lib/NormalModuleFactory.js:94:13
 @ ./src/main.scss
 @ multi (webpack)-dev-server/client?http://localhost:4800 webpack/hot/dev-server ./app.js ./main.scss
webpack: Failed to compile.

Documentation needed on loading external files

Hi, just tried using your boilerplate and am noticing that GET requests for data files, such as CSV and JSON, will fail if they aren't in the dist/ directory. You may want to note that in the documentation as it's so common to load external data in a file with D3. From my personal experience with front end build tools, data files tend not to live in the directory that contains compiled code.

I personally tend to set up Webpack so that I can load files from a data directory that resides in the root of the repo. The copy-webpack-plugin can copy such directories and files to dist for production configuration.

Thanks for this setup btw!

willamesoares / learn-d3 Goto Github PK

learn-d3's Introduction

learn-d3's People

Stargazers

Watchers

Forkers

learn-d3's Issues

webpack: Failed to compile

Documentation needed on loading external files

Fix security vulnerability issue in webpack-dev-server dependency

this project is not working..

Loading data does not work

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent