Skip to content

Instantly share code, notes, and snippets.

@dandv
Created November 10, 2018 19:36
Show Gist options
  • Save dandv/7c79fdeb79dadac7a4269bd20bbea729 to your computer and use it in GitHub Desktop.
Save dandv/7c79fdeb79dadac7a4269bd20bbea729 to your computer and use it in GitHub Desktop.
Squoosh npm start fails on Chrome 70
dandvexternal@penguin:~$ git clone https://github.com/GoogleChromeLabs/squoosh.git
Cloning into 'squoosh'...
remote: Enumerating objects: 19, done.
remote: Counting objects: 100% (19/19), done.
remote: Compressing objects: 100% (17/17), done.
remote: Total 3042 (delta 5), reused 7 (delta 2), pack-reused 3023
Receiving objects: 100% (3042/3042), 33.59 MiB | 5.04 MiB/s, done.
Resolving deltas: 100% (1798/1798), done.
dandvexternal@penguin:~$ cd squoosh/
dandvexternal@penguin:~/squoosh$ npm install; npm run build; npm run build; npm start
> [email protected] install /home/dandvexternal/squoosh/node_modules/husky
> node husky install
husky > setting up git hooks
husky > done
> [email protected] install /home/dandvexternal/squoosh/node_modules/node-sass
> node scripts/install.js
Cached binary found at /home/dandvexternal/.npm/node-sass/4.10.0/linux-x64-64_binding.node
> [email protected] postinstall /home/dandvexternal/squoosh/node_modules/node-sass
> node scripts/build.js
Binary found at /home/dandvexternal/squoosh/node_modules/node-sass/vendor/linux-x64-64/binding.node
Testing binary
Binary is fine
> [email protected] postinstall /home/dandvexternal/squoosh/node_modules/preact
> node -e "console.log('\u001b[35m\u001b[1mLove Preact? You can now donate to our open collective:\u001b[22m\u001b[39m\n > \u001b[34mhttps://opencollective.com/preact/donate\u001b[0m')"
Love Preact? You can now donate to our open collective:
> https://opencollective.com/preact/donate
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
added 1558 packages from 876 contributors and audited 22032 packages in 24.436s
found 0 vulnerabilities
> [email protected] build /home/dandvexternal/squoosh
> webpack -p
76 modules
ERROR in /home/dandvexternal/squoosh/src/codecs/generic/quality-option.tsx
[tsl] ERROR in /home/dandvexternal/squoosh/src/codecs/generic/quality-option.tsx(3,24)
TS2307: Cannot find module '../../components/Options/style.scss'.
ERROR in /home/dandvexternal/squoosh/src/codecs/imagequant/options.tsx
[tsl] ERROR in /home/dandvexternal/squoosh/src/codecs/imagequant/options.tsx(5,24)
TS2307: Cannot find module '../../components/Options/style.scss'.
ERROR in /home/dandvexternal/squoosh/src/codecs/mozjpeg/options.tsx
[tsl] ERROR in /home/dandvexternal/squoosh/src/codecs/mozjpeg/options.tsx(5,24)
TS2307: Cannot find module '../../components/Options/style.scss'.
ERROR in /home/dandvexternal/squoosh/src/codecs/optipng/options.tsx
[tsl] ERROR in /home/dandvexternal/squoosh/src/codecs/optipng/options.tsx(6,24)
TS2307: Cannot find module '../../components/Options/style.scss'.
ERROR in /home/dandvexternal/squoosh/src/codecs/resize/options.tsx
[tsl] ERROR in /home/dandvexternal/squoosh/src/codecs/resize/options.tsx(6,24)
TS2307: Cannot find module '../../components/Options/style.scss'.
ERROR in /home/dandvexternal/squoosh/src/codecs/webp/options.tsx
[tsl] ERROR in /home/dandvexternal/squoosh/src/codecs/webp/options.tsx(5,24)
TS2307: Cannot find module '../../components/Options/style.scss'.
ERROR in /home/dandvexternal/squoosh/src/components/App/index.tsx
[tsl] ERROR in /home/dandvexternal/squoosh/src/components/App/index.tsx(4,24)
TS2307: Cannot find module './style.scss'.
ERROR in /home/dandvexternal/squoosh/src/components/Options/index.tsx
[tsl] ERROR in /home/dandvexternal/squoosh/src/components/Options/index.tsx(3,24)
TS2307: Cannot find module './style.scss'.
ERROR in /home/dandvexternal/squoosh/src/components/Output/index.tsx
[tsl] ERROR in /home/dandvexternal/squoosh/src/components/Output/index.tsx(5,24)
TS2307: Cannot find module './style.scss'.
ERROR in /home/dandvexternal/squoosh/src/components/Output/index.tsx
[tsl] ERROR in /home/dandvexternal/squoosh/src/components/Output/index.tsx(9,29)
TS2307: Cannot find module './custom-els/TwoUp/styles.css'.
ERROR in /home/dandvexternal/squoosh/src/components/Output/custom-els/TwoUp/index.ts
[tsl] ERROR in /home/dandvexternal/squoosh/src/components/Output/custom-els/TwoUp/index.ts(2,25)
TS2307: Cannot find module './styles.css'.
ERROR in /home/dandvexternal/squoosh/src/components/checkbox/index.tsx
[tsl] ERROR in /home/dandvexternal/squoosh/src/components/checkbox/index.tsx(2,24)
TS2307: Cannot find module './style.scss'.
ERROR in /home/dandvexternal/squoosh/src/components/compress/index.tsx
[tsl] ERROR in /home/dandvexternal/squoosh/src/components/compress/index.tsx(5,24)
TS2307: Cannot find module './style.scss'.
ERROR in /home/dandvexternal/squoosh/src/components/compress/custom-els/MultiPanel/index.ts
[tsl] ERROR in /home/dandvexternal/squoosh/src/components/compress/custom-els/MultiPanel/index.ts(1,24)
TS2307: Cannot find module './styles.css'.
ERROR in /home/dandvexternal/squoosh/src/components/custom-els/LoadingSpinner/index.ts
./src/components/custom-els/LoadingSpinner/index.ts
[tsl] ERROR in /home/dandvexternal/squoosh/src/components/custom-els/LoadingSpinner/index.ts(1,25)
TS2307: Cannot find module './styles.css'.
ERROR in /home/dandvexternal/squoosh/src/components/expander/index.tsx
[tsl] ERROR in /home/dandvexternal/squoosh/src/components/expander/index.tsx(2,24)
TS2307: Cannot find module './style.scss'.
ERROR in /home/dandvexternal/squoosh/src/components/intro/index.tsx
[tsl] ERROR in /home/dandvexternal/squoosh/src/components/intro/index.tsx(14,24)
TS2307: Cannot find module './style.scss'.
ERROR in /home/dandvexternal/squoosh/src/components/range/index.tsx
[tsl] ERROR in /home/dandvexternal/squoosh/src/components/range/index.tsx(2,24)
TS2307: Cannot find module './style.scss'.
ERROR in /home/dandvexternal/squoosh/src/components/results/FileSize.tsx
[tsl] ERROR in /home/dandvexternal/squoosh/src/components/results/FileSize.tsx(3,24)
TS2307: Cannot find module './style.scss'.
ERROR in /home/dandvexternal/squoosh/src/components/results/index.tsx
[tsl] ERROR in /home/dandvexternal/squoosh/src/components/results/index.tsx(3,24)
TS2307: Cannot find module './style.scss'.
ERROR in /home/dandvexternal/squoosh/src/components/select/index.tsx
[tsl] ERROR in /home/dandvexternal/squoosh/src/components/select/index.tsx(2,24)
TS2307: Cannot find module './style.scss'.
ERROR in /home/dandvexternal/squoosh/src/custom-els/RangeInput/index.ts
[tsl] ERROR in /home/dandvexternal/squoosh/src/custom-els/RangeInput/index.ts(3,24)
TS2307: Cannot find module './styles.css'.
ERROR in /home/dandvexternal/squoosh/src/lib/SnackBar/index.ts
[tsl] ERROR in /home/dandvexternal/squoosh/src/lib/SnackBar/index.ts(1,24)
TS2307: Cannot find module './styles.css'.
Error parsing bundle asset "/home/dandvexternal/squoosh/build/offliner.49784.js": no such file
Error parsing bundle asset "/home/dandvexternal/squoosh/build/first-interaction.7926c.js": no such file
Error parsing bundle asset "/home/dandvexternal/squoosh/build/wc-polyfill.1610d.js": no such file
Error parsing bundle asset "/home/dandvexternal/squoosh/build/main-app.40b5e.js": no such file
No bundles were parsed. Analyzer will show only original module sizes from stats file.
Webpack Bundle Analyzer saved report to /home/dandvexternal/squoosh/build/report.html
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] build: `webpack -p`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/dandvexternal/.npm/_logs/2018-11-10T19_33_16_614Z-debug.log
> [email protected] build /home/dandvexternal/squoosh
> webpack -p
1 rules skipped due to selector errors: processing
._1iYR2> -> '._1iYR2>' is not a valid selector
Critters: inlined all of first-interaction.b21f2.css (non-critical external stylesheet would have been 3404b, which was below the threshold of 4000)
76 modules
WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
optipng.4e77b.wasm (280 KiB)
demo-large-photo.59e24.jpg (2.66 MiB)
demo-artwork.475e2.jpg (2.79 MiB)
demo-device-screen.0ed57.png (1.55 MiB)
Webpack Bundle Analyzer saved report to /home/dandvexternal/squoosh/build/report.html
> [email protected] start /home/dandvexternal/squoosh
> webpack serve --host 0.0.0.0 --hot
ℹ 「wds」: Project is running at http://0.0.0.0:8080/
ℹ 「wds」: webpack output is served from /
ℹ 「wds」: Content not from webpack is served from /home/dandvexternal/squoosh/src
ℹ 「wds」: 404s will fallback to /index.html
✖ 「wdm」: 147 modules
ERROR in Error: Child compilation failed:
Module build failed (from ./node_modules/prerender-loader/dist/prerender-loade r.js):
Error: Error: Module not found. attempted require("url")
- prerender-loader.js:198 runChildCompiler.then.window.require
[squoosh]/[prerender-loader]/dist/prerender-loader.js:198:35
- eval
- prerender-loader.js:206
[squoosh]/[prerender-loader]/dist/prerender-loader.js:206:37
- Error: Error: Module not found. attempted require("url")
- compiler.js:79 childCompiler.runAsChild
[squoosh]/[html-webpack-plugin]/lib/compiler.js:79:16
- Compiler.js:296 compile
[squoosh]/[webpack]/lib/Compiler.js:296:11
- Compiler.js:553 hooks.afterCompile.callAsync.err
[squoosh]/[webpack]/lib/Compiler.js:553:14
- Hook.js:154 AsyncSeriesHook.lazyCompileHook
[squoosh]/[tapable]/lib/Hook.js:154:20
- Compiler.js:550 compilation.seal.err
[squoosh]/[webpack]/lib/Compiler.js:550:30
- Hook.js:154 AsyncSeriesHook.lazyCompileHook
[squoosh]/[tapable]/lib/Hook.js:154:20
- Compilation.js:1295 hooks.optimizeAssets.callAsync.err
[squoosh]/[webpack]/lib/Compilation.js:1295:35
- Hook.js:154 AsyncSeriesHook.lazyCompileHook
[squoosh]/[tapable]/lib/Hook.js:154:20
- Compilation.js:1286 hooks.optimizeChunkAssets.callAsync.err
[squoosh]/[webpack]/lib/Compilation.js:1286:32
- next_tick.js:68 process._tickCallback
internal/process/next_tick.js:68:7
ℹ 「wdm」: Failed to compile.
^C
dandvexternal@penguin:~/squoosh$
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment