not so surprising as the npm install command returned : 61 vulnerabilities (1 low, 23 moderate, 36 high, 1 critical) > fixed with npm audit fix --force
But whatever ( before or after this fix ) i still have errors while running npm run dev as if some dependencies haven’t been installed :
sanity-gatsby-portfolio-studio: (node:44643) [DEP0128] DeprecationWarning: Invalid 'main' field in '/Users/JD/AAA/_CodeSchool/S_G_N_Boilerplates/jd-portfolio-s-g-n/studio/node_modules/webpack-dev-middleware/package.json' of 'middleware.js'. Please either fix that or report it to the module author
sanity-gatsby-portfolio-studio: (Use `node --trace-deprecation ...` to show where the warning was created)
sanity-gatsby-portfolio-studio: Plugin "@sanity/form-builder" is missing local configuration file, creating config/@sanity/form-builder.json
warn Browserslist: caniuse-lite is outdated. Please run:
sanity-gatsby-portfolio-web: npx browserslist@latest --update-db
sanity-gatsby-portfolio-web: Why you should do it regularly:
sanity-gatsby-portfolio-web: https://github.com/browserslist/browserslist#browse
sanity-gatsby-portfolio-web: ERROR #98123 WEBPACK
sanity-gatsby-portfolio-web: Generating development JavaScript bundle failed
sanity-gatsby-portfolio-web: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
sanity-gatsby-portfolio-web: Error: Package subpath './package.json' is not defined by "exports" in
sanity-gatsby-portfolio-web: /Users/JD/AAA/_CodeSchool/S_G_N_Boilerplates/jd-portfolio-s-g-n/web/node_modules
sanity-gatsby-portfolio-web: /css-loader/node_modules/postcss/package.json
sanity-gatsby-portfolio-web: at new NodeError (node:internal/errors:371:5)
sanity-gatsby-portfolio-web: at throwExportsNotFound (node:internal/modules/esm/resolve:416:9)
sanity-gatsby-portfolio-web: at packageExportsResolve (node:internal/modules/esm/resolve:669:3)
sanity-gatsby-portfolio-web: at resolveExports (node:internal/modules/cjs/loader:482:36)
sanity-gatsby-portfolio-web: at Function.Module._findPath (node:internal/modules/cjs/loader:522:31)
sanity-gatsby-portfolio-web: at Function.Module._resolveFilename
sanity-gatsby-portfolio-web: (node:internal/modules/cjs/loader:919:27)
sanity-gatsby-portfolio-web: at Function.Module._load (node:internal/modules/cjs/loader:778:27)
sanity-gatsby-portfolio-web: at Module.require (node:internal/modules/cjs/loader:999:19)
sanity-gatsby-portfolio-web: at require (/Users/JD/AAA/_CodeSchool/S_G_N_Boilerplates/jd-portfolio-s-g-n/
sanity-gatsby-portfolio-web: web/node_modules/v8-compile-cache/v8-compile-cache.js:159:20)
sanity-gatsby-portfolio-web: at Object. (/Users/JD/AAA/_CodeSchool/S_G_N_Boilerplates/jd-portf
sanity-gatsby-portfolio-web: olio-s-g-n/web/node_modules/css-loader/dist/index.js:12:39)
sanity-gatsby-portfolio-web: at Module._compile (/Users/JD/AAA/_CodeSchool/S_G_N_Boilerplates/jd-portfoli
sanity-gatsby-portfolio-web: o-s-g-n/web/node_modules/v8-compile-cache/v8-compile-cache.js:192:30)
sanity-gatsby-portfolio-web: at Object.Module._extensions..js (node:internal/modules/cjs/loader:1147:10)
sanity-gatsby-portfolio-web: at Module.load (node:internal/modules/cjs/loader:975:32)
sanity-gatsby-portfolio-web: at Function.Module._load (node:internal/modules/cjs/loader:822:12)
sanity-gatsby-portfolio-web: at Module.require (node:internal/modules/cjs/loader:999:19)
sanity-gatsby-portfolio-web: at require (/Users/JD/AAA/_CodeSchool/S_G_N_Boilerplates/jd-portfolio-s-g-n/
sanity-gatsby-portfolio-web: web/node_modules/v8-compile-cache/v8-compile-cache.js:159:20)
And the ERROR #98123 WEBPACK block comes back several times.
The other confusing part of this automated template page install, is that in the lower part of the page , instructions to follow mentioned a /template folder that should be in the cloned folder from my GH account, but which is not ... ?
And a Build folder that should be created after the ‘npm run dev’( but i guess the errors i have while running this command stop the process before the /build folder creation ? ).
Is the automated created folder from this template ( https://www.sanity.io/create?template=sanity-io%2Fsanity-template-gatsby-portfolio ) to our GitHub account still up to date ? I mean, once i’ve cloned it from my GH account, and once dependancies are installed in it with npm install, once i run npm run dev, the http://localhost:8000/ is a white page ( whereas the local studio works at http://localhost:3333/ ) :
warn Browserslist: caniuse-lite is outdated. Please run: sanity-gatsby-portfolio-web: npx browserslist@latest --update-db sanity-gatsby-portfolio-web: Why you should do it regularly: sanity-gatsby-portfolio-web: https://github.com/browserslist/browserslist#browse sanity-gatsby-portfolio-web: ERROR #98123 WEBPACK sanity-gatsby-portfolio-web: Generating development JavaScript bundle failed sanity-gatsby-portfolio-web: Module build failed (from ./node_modules/css-loader/dist/cjs.js): sanity-gatsby-portfolio-web: Error: Package subpath './package.json' is not defined by "exports" in sanity-gatsby-portfolio-web: /Users/JD/AAA/_CodeSchool/S_G_N_Boilerplates/jd-portfolio-s-g-n/web/node_modules sanity-gatsby-portfolio-web: /css-loader/node_modules/postcss/package.json sanity-gatsby-portfolio-web: at new NodeError (node:internal/errors:371:5) sanity-gatsby-portfolio-web: at throwExportsNotFound (node:internal/modules/esm/resolve:416:9) sanity-gatsby-portfolio-web: at packageExportsResolve (node:internal/modules/esm/resolve:669:3) sanity-gatsby-portfolio-web: at resolveExports (node:internal/modules/cjs/loader:482:36) sanity-gatsby-portfolio-web: at Function.Module._findPath (node:internal/modules/cjs/loader:522:31) sanity-gatsby-portfolio-web: at Function.Module._resolveFilename sanity-gatsby-portfolio-web: (node:internal/modules/cjs/loader:919:27) sanity-gatsby-portfolio-web: at Function.Module._load (node:internal/modules/cjs/loader:778:27) sanity-gatsby-portfolio-web: at Module.require (node:internal/modules/cjs/loader:999:19) sanity-gatsby-portfolio-web: at require (/Users/JD/AAA/_CodeSchool/S_G_N_Boilerplates/jd-portfolio-s-g-n/ sanity-gatsby-portfolio-web: web/node_modules/v8-compile-cache/v8-compile-cache.js:159:20) sanity-gatsby-portfolio-web: at Object. (/Users/JD/AAA/_CodeSchool/S_G_N_Boilerplates/jd-portf
sanity-gatsby-portfolio-web: olio-s-g-n/web/node_modules/css-loader/dist/index.js:12:39)
sanity-gatsby-portfolio-web: at Module._compile (/Users/JD/AAA/_CodeSchool/S_G_N_Boilerplates/jd-portfoli
sanity-gatsby-portfolio-web: o-s-g-n/web/node_modules/v8-compile-cache/v8-compile-cache.js:192:30)
sanity-gatsby-portfolio-web: at Object.Module._extensions..js (node:internal/modules/cjs/loader:1147:10)
sanity-gatsby-portfolio-web: at Module.load (node:internal/modules/cjs/loader:975:32)
sanity-gatsby-portfolio-web: at Function.Module._load (node:internal/modules/cjs/loader:822:12)
sanity-gatsby-portfolio-web: at Module.require (node:internal/modules/cjs/loader:999:19)
sanity-gatsby-portfolio-web: at require (/Users/JD/AAA/_CodeSchool/S_G_N_Boilerplates/jd-portfolio-s-g-n/
sanity-gatsby-portfolio-web: web/node_modules/v8-compile-cache/v8-compile-cache.js:159:20)