question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Unable to webpack compile after installing module

See original GitHub issue

Hi. I haven’t found any info or tips on my issue so I’m turning to you to see if this is a simple issue on my part. After I installed your typeahead module my webpack compile started to fail with the following:

ERROR in ./node_modules/react-bootstrap-typeahead/es/propTypes.js
Module not found: Error: Can't resolve './types' in '/home/duh/Development/verity/frontend/node_modules/react-bootstrap-typeahead/es'
 @ ./node_modules/react-bootstrap-typeahead/es/propTypes.js 4:0-31 18:52-56
 @ ./node_modules/react-bootstrap-typeahead/es/components/ClearButton.js
 @ ./node_modules/react-bootstrap-typeahead/es/index.js
 @ ./src/_complianceServicesProfiles/Profiles.jsx
 @ ./src/_complianceServicesProfiles/ComplianceServicesProfiles.jsx
 @ ./src/IrmPage/IrmPage.jsx
 @ ./src/IrmPage/index.js
 @ ./src/App/NavPage.jsx
 @ ./src/App/App.jsx
 @ ./src/App/index.js
 @ ./src/index.jsx

In my Component I just imported the css and module as instructed:

...
import 'react-bootstrap-typeahead/css/Typeahead.css';
import { Typeahead } from 'react-bootstrap-typeahead';

I’m not sure if the problem is related to Typeahead looking for Size from ‘./types’ while under /es/ as it looks like the types are under a directory back. .e.g there is no ./es/types. I’m unfamiliar with this detail and not sure if its something I should be configuring in Webpack. Any tips would be helpful as I’m unable to try your module at all right now.

For versions I’m using:

  • “react”: “16.13.1”,
  • “react-bootstrap”: “^1.6.4”,
  • “react-bootstrap-typeahead”: “^6.0.0-alpha.2”, …
  • “html-webpack-plugin”: “4.3.0”,
  • “url-loader”: “4.1.0”,
  • “webpack”: “4.43.0”,
  • “webpack-cli”: “3.3.12”,
  • “webpack-dev-server”: “3.11.0”

Thank you.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
ericgiocommented, Jan 7, 2022

Should be fixed in v6.0.0-alpha.6

1reaction
ericgiocommented, Oct 20, 2021

This should be resolved in v6.0.0-alpha.3

Read more comments on GitHub >

github_iconTop Results From Across the Web

Webpack not compiling - Module build failed - Stack Overflow
js app and i've run into an error where webpack is refusing to compile. I am getting the error Module build failed: SyntaxError:...
Read more >
Compile error with Webpack 5 after upgrading but working ...
I have searched the issues of this repository and believe that this is not a duplicate.
Read more >
Angular - Code with Mosh Forum
Error: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js): · delete the node_modules folder · delete package-lock.json ...
Read more >
Development - webpack
webpack -dev-server doesn't write any output files after compiling. Instead, it keeps bundle files in memory and serves them as if they were...
Read more >
Cannot find module 'webpack' error | bobbyhadz
To solve the "Cannot find module 'webpack'" error, make sure to install webpack globally by running the npm i -g webpack command and...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found