Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save noomerikal/2f7f9d13c5449849d0eb7f447175ee65 to your computer and use it in GitHub Desktop.
Save noomerikal/2f7f9d13c5449849d0eb7f447175ee65 to your computer and use it in GitHub Desktop.
react-typeform-embed issue w/ gatsby
➜ yarn add react-typeform-embed
yarn add v1.5.1
[1/4] 🔍 Resolving packages...
[2/4] 🚚 Fetching packages...
[3/4] 🔗 Linking dependencies...
warning "gatsby > postcss-cssnext@2.11.0" has unmet peer dependency "caniuse-db@^1.0.30000652".
warning " > gatsby-plugin-styled-components@2.0.11" has unmet peer dependency "babel-plugin-styled-components@>1.5.0".
warning "gatsby-plugin-typography > react-typography@0.16.13" has unmet peer dependency "react@^0.14.0 || ^15.0.0 || ^16.0.0".
warning " > react-helmet@5.2.0" has unmet peer dependency "react@>=15.0.0".
warning "react-helmet > react-side-effect@1.1.5" has unmet peer dependency "react@^0.13.0 || ^0.14.0 || ^15.0.0 || ^16.0.0".
warning " > styled-components@3.2.5" has unmet peer dependency "react@>= 0.14.0 < 17.0.0-0".
[4/4] 📃 Building fresh packages...
success Saved lockfile.
success Saved 180 new dependencies.
info Direct dependencies
└─ react-typeform-embed@0.1.4
info All dependencies
├─ @typeform/embed@0.5.6
├─ abab@1.0.4
├─ acorn-dynamic-import@2.0.2
├─ acorn-globals@3.1.0
├─ acorn-jsx@3.0.1
├─ ajv-keywords@2.1.1
├─ append-transform@0.4.0
├─ aria-query@0.7.1
├─ array-equal@1.0.0
├─ array-includes@3.0.3
├─ arrify@1.0.1
├─ axobject-query@0.1.0
├─ babel-eslint@7.2.3
├─ babel-jest@20.0.3
├─ babel-plugin-dynamic-import-node@1.1.0
├─ babel-plugin-jest-hoist@20.0.3
├─ babel-plugin-transform-react-constant-elements@6.23.0
├─ babel-plugin-transform-runtime@6.23.0
├─ babel-preset-jest@20.0.3
├─ babel-preset-react-app@3.1.1
├─ bonjour@3.5.0
├─ browser-resolve@1.11.2
├─ buffer-indexof@1.1.1
├─ caller-path@0.1.0
├─ callsites@2.0.0
├─ camel-case@3.0.0
├─ case-sensitive-paths-webpack-plugin@2.1.1
├─ circular-json@0.3.3
├─ classnames@2.2.5
├─ clean-css@4.1.11
├─ compare-versions@3.1.0
├─ contains-path@0.1.0
├─ content-type-parser@1.0.2
├─ cosmiconfig@2.2.2
├─ cssom@0.3.2
├─ cssstyle@0.2.37
├─ custom-event@1.0.1
├─ damerau-levenshtein@1.0.4
├─ deep-is@0.1.3
├─ default-require-extensions@1.0.0
├─ define-properties@1.1.2
├─ del@2.2.2
├─ detect-node@2.0.3
├─ diff@3.5.0
├─ dns-equal@1.0.0
├─ dns-packet@1.3.1
├─ dns-txt@2.0.2
├─ dom-urls@1.1.0
├─ emoji-regex@6.5.1
├─ enhanced-resolve@3.4.1
├─ es-abstract@1.11.0
├─ es-to-primitive@1.1.1
├─ es6-map@0.1.5
├─ es6-set@0.1.5
├─ es6-weak-map@2.0.2
├─ escodegen@1.9.1
├─ escope@3.6.0
├─ eslint-config-react-app@2.1.0
├─ eslint-import-resolver-node@0.3.2
├─ eslint-loader@1.9.0
├─ eslint-module-utils@2.2.0
├─ eslint-plugin-flowtype@2.35.0
├─ eslint-plugin-import@2.7.0
├─ eslint-plugin-jsx-a11y@5.1.1
├─ eslint-plugin-react@7.1.0
├─ eslint-scope@3.7.1
├─ eslint@4.4.1
├─ espree@3.5.4
├─ esquery@1.0.0
├─ extract-text-webpack-plugin@3.0.0
├─ fetch-jsonp@1.1.3
├─ file-entry-cache@2.0.0
├─ fileset@2.0.3
├─ flat-cache@1.3.0
├─ foreach@2.0.5
├─ functional-red-black-tree@1.0.1
├─ growly@1.3.0
├─ handle-thing@1.2.5
├─ he@1.1.1
├─ hpack.js@2.1.6
├─ html-encoding-sniffer@1.0.2
├─ html-minifier@3.5.13
├─ html-webpack-plugin@2.29.0
├─ http-deceiver@1.2.7
├─ icss-utils@2.1.0
├─ ignore@3.3.7
├─ immutability-helper@2.6.6
├─ internal-ip@1.2.0
├─ is-callable@1.1.3
├─ is-date-object@1.0.1
├─ is-directory@0.3.1
├─ is-regex@1.0.4
├─ is-resolvable@1.1.0
├─ is-symbol@1.0.1
├─ istanbul-api@1.3.1
├─ istanbul-lib-hook@1.2.0
├─ istanbul-lib-instrument@1.10.1
├─ istanbul-lib-report@1.1.4
├─ istanbul-lib-source-maps@1.2.3
├─ istanbul-reports@1.3.0
├─ jest-changed-files@20.0.3
├─ jest-cli@20.0.4
├─ jest-environment-node@20.0.3
├─ jest-matchers@20.0.3
├─ jest-resolve-dependencies@20.0.3
├─ jest-runtime@20.0.4
├─ jest@20.0.4
├─ jsdom@9.12.0
├─ jsx-ast-utils@1.4.1
├─ klaw@1.3.1
├─ levn@0.3.0
├─ loader-fs-cache@1.0.1
├─ loader-runner@2.3.0
├─ lodash.cond@4.5.2
├─ loglevel@1.6.1
├─ lower-case@1.1.4
├─ multicast-dns-service-types@1.1.0
├─ multicast-dns@6.2.3
├─ neo-async@2.5.0
├─ node-forge@0.7.1
├─ node-notifier@5.2.1
├─ nwmatcher@1.4.4
├─ object-hash@1.3.0
├─ object-keys@1.0.11
├─ obuf@1.1.2
├─ optionator@0.8.2
├─ param-case@2.1.1
├─ parse5@1.5.1
├─ pluralize@4.0.0
├─ portfinder@1.0.13
├─ postcss-flexbugs-fixes@3.2.0
├─ postcss-load-config@1.2.0
├─ postcss-load-options@1.2.0
├─ postcss-load-plugins@2.3.0
├─ preact-compat@3.18.0
├─ preact-render-to-string@3.7.0
├─ preact-transition-group@1.1.1
├─ preact@8.2.7
├─ promise@8.0.1
├─ react-scripts@1.0.13
├─ react-typeform-embed@0.1.4
├─ relateurl@0.2.7
├─ require-from-string@1.2.1
├─ require-uncached@1.0.3
├─ scrollbar-width@3.1.1
├─ select-hose@2.0.0
├─ selfsigned@1.10.2
├─ serviceworker-cache-polyfill@4.0.0
├─ shellwords@0.1.1
├─ slice-ansi@1.0.0
├─ spdy-transport@2.1.0
├─ spdy@3.4.7
├─ spin.js@2.3.2
├─ standalone-react-addons-pure-render-mixin@0.1.1
├─ sw-precache-webpack-plugin@0.11.4
├─ sw-precache@5.2.1
├─ sw-toolbox@3.6.0
├─ symbol-tree@3.2.2
├─ table@4.0.3
├─ test-exclude@4.2.1
├─ throat@3.2.0
├─ thunky@1.0.2
├─ toposort@1.0.6
├─ tr46@0.0.3
├─ uglifyjs-webpack-plugin@0.4.6
├─ upath@1.0.4
├─ upper-case@1.1.3
├─ uri-js@3.0.2
├─ urijs@1.19.1
├─ watchpack@1.5.0
├─ wbuf@1.7.3
├─ webfontloader@1.6.28
├─ webidl-conversions@4.0.2
├─ webpack-dev-server@2.7.1
├─ webpack-manifest-plugin@1.2.1
├─ webpack@3.5.1
├─ whatwg-fetch@2.0.3
├─ whatwg-url@4.8.0
├─ write@0.2.1
└─ xml-name-validator@2.0.1
✨ Done in 20.81s.
~/projects/personal-gatsby on  master [!] is 📦 ⚠ via ⬢ v9.10.1 took 21s
➜ gatsby develop
success delete html and css files from previous builds — 0.012 s
success open and validate gatsby-config.js — 0.004 s
info One or more of your plugins have changed since the last time you ran Gatsby. As
a precaution, we're deleting your site's cache to ensure there's not any stale
data
success copy gatsby files — 0.016 s
success onPreBootstrap — 0.288 s
success source and transform nodes — 0.095 s
success building schema — 0.169 s
success createLayouts — 0.006 s
success createPages — 0.001 s
success createPagesStatefully — 0.016 s
success onPreExtractQueries — 0.002 s
success update schema — 0.135 s
success extract queries from components — 0.124 s
success run graphql queries — 0.130 s
success write out page data — 0.005 s
success write out redirect data — 0.001 s
success onPostBootstrap — 0.001 s
info bootstrap finished - 3.075 s
error There was an error compiling the html.js component for the development server.
See our docs page on debugging HTML builds for help https://goo.gl/yL9lND
Error: Error: Cannot resolve module 'babel' in /Users/b/projects/personal-gatsby
resolve module babel in /Users/b/projects/personal-gatsby
looking for modules in /Users/b/projects/personal-gatsby/node_modules
module variation babel-webpack-node-loader
/Users/b/projects/personal-gatsby/node_modules/babel-webpack-node-loader doesn't exist (module as directory)
resolve 'file' babel-webpack-node-loader in /Users/b/projects/personal-gatsby/node_modules
resolve file
/Users/b/projects/personal-gatsby/node_modules/babel-webpack-node-loader doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-webpack-node-loader.webpack-node-loader.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-webpack-node-loader.loader.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-webpack-node-loader.js doesn't exist
module variation babel-node-loader
/Users/b/projects/personal-gatsby/node_modules/babel-node-loader doesn't exist (module as directory)
resolve 'file' babel-node-loader in /Users/b/projects/personal-gatsby/node_modules
resolve file
/Users/b/projects/personal-gatsby/node_modules/babel-node-loader doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-node-loader.webpack-node-loader.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-node-loader.loader.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-node-loader.js doesn't exist
module variation babel-loader
/Users/b/projects/personal-gatsby/node_modules/babel-loader doesn't exist (module as directory)
resolve 'file' babel-loader in /Users/b/projects/personal-gatsby/node_modules
resolve file
/Users/b/projects/personal-gatsby/node_modules/babel-loader doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-loader.webpack-node-loader.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-loader.loader.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-loader.js doesn't exist
module variation babel
/Users/b/projects/personal-gatsby/node_modules/babel doesn't exist (module as directory)
resolve 'file' babel in /Users/b/projects/personal-gatsby/node_modules
resolve file
/Users/b/projects/personal-gatsby/node_modules/babel doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel.webpack-node-loader.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel.loader.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel.js doesn't exist
looking for modules in /Users/b/projects/personal-gatsby/node_modules
module variation babel-webpack-node-loader
resolve 'file' babel-webpack-node-loader in /Users/b/projects/personal-gatsby/node_modules
resolve file
/Users/b/projects/personal-gatsby/node_modules/babel-webpack-node-loader doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-webpack-node-loader.webpack-node-loader.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-webpack-node-loader.loader.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-webpack-node-loader.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-webpack-node-loader doesn't exist (module as directory)
module variation babel-node-loader
resolve 'file' babel-node-loader in /Users/b/projects/personal-gatsby/node_modules
resolve file
/Users/b/projects/personal-gatsby/node_modules/babel-node-loader doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-node-loader.webpack-node-loader.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-node-loader.loader.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-node-loader.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-node-loader doesn't exist (module as directory)
module variation babel-loader
resolve 'file' babel-loader in /Users/b/projects/personal-gatsby/node_modules
resolve file
/Users/b/projects/personal-gatsby/node_modules/babel-loader doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-loader.webpack-node-loader.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-loader.loader.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-loader.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel-loader doesn't exist (module as directory)
module variation babel
resolve 'file' babel in /Users/b/projects/personal-gatsby/node_modules
resolve file
/Users/b/projects/personal-gatsby/node_modules/babel doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel.webpack-node-loader.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel.loader.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel.js doesn't exist
/Users/b/projects/personal-gatsby/node_modules/babel doesn't exist (module as directory)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment