react-typist icon indicating copy to clipboard operation
react-typist copied to clipboard

Webpack error when using Gatsby

Open willmcl opened this issue 3 years ago • 2 comments

I am using this with Gatsby and when running gatsby develop I get the following error:

 ERROR #98123  WEBPACK

Generating development JavaScript bundle failed

Unexpected token (13:19)

File: node_modules/react-typist/src/Typist.jsx:13:19

Below are the dependencies from my package.json file. Any help would be great.

"dependencies": {
    "@contentful/rich-text-react-renderer": "^14.1.1",
    "babel-plugin-styled-components": "^1.11.1",
    "classnames": "^2.2.6",
    "gatsby": "^2.24.30",
    "gatsby-image": "^2.4.14",
    "gatsby-plugin-layout": "^1.3.10",
    "gatsby-plugin-manifest": "^2.4.22",
    "gatsby-plugin-offline": "^3.2.22",
    "gatsby-plugin-react-helmet": "^3.3.10",
    "gatsby-plugin-sharp": "^2.6.25",
    "gatsby-plugin-sitemap": "^2.4.11",
    "gatsby-plugin-styled-components": "^3.3.10",
    "gatsby-source-contentful": "^2.3.35",
    "gatsby-source-filesystem": "^2.3.24",
    "gatsby-transformer-remark": "^2.8.28",
    "gatsby-transformer-sharp": "^2.5.12",
    "moment": "^2.27.0",
    "prop-types": "^15.7.2",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-helmet": "^6.1.0",
    "react-transition-group": "^4.4.1",
    "react-typist": "^2.0.5",
    "showdown": "^1.9.1",
    "styled-components": "^5.1.1"
  },

willmcl avatar Aug 06 '20 00:08 willmcl

nothing like that for me using it with gatsby and develop works fine, same with build try to create empty gatsby project with default starter and then include typist

cxspxr avatar Aug 10 '20 09:08 cxspxr

I encountered the same issue, turn out I was importing from the source directly. Changing import Typist from 'react-typist/src/Typist' to import Typist from 'react-typist' should fix the error.

CarneyC avatar Dec 15 '20 06:12 CarneyC