Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cannot find module 'popper.js' or its corresponding type declarations #4

Closed
seseso opened this issue Nov 26, 2020 · 7 comments · Fixed by #8 or #9
Closed

Cannot find module 'popper.js' or its corresponding type declarations #4

seseso opened this issue Nov 26, 2020 · 7 comments · Fixed by #8 or #9
Labels
bug Something isn't working

Comments

@seseso
Copy link

seseso commented Nov 26, 2020

Version

1.0.0

Reproduction link

http://i-dont-have-a reproducer.com

Operating System

Ubuntu

Device

Browser & Version

Steps to reproduce

  1. git clone
  2. npm run install:clean

What is expected?

The project should compile without errors

What is actually happening?

There are compilation errors


Solution

Additional comments

@gkimpson
Copy link

gkimpson commented Nov 28, 2020

I am having the exact same issue running the following

Mac OS Big Sur
Node - 14.15.1
NPM 6.14.8

Have run the npm install:clean command and just loaded up this in browser (get a white screen) whilst I get the same error in several places

.e.g

src/app/components/dropdowns/user-dropdown/user-dropdown.component.ts:2:20 - error TS2307: Cannot find module 'popper.js' or its corresponding type declarations.

@saulovls
Copy link

Guys, please run this line in terminal:

npm install @types/popper.js

This will resolve the problem.

@AlonSerrano
Copy link

Please use

import { createPopper } from '@popperjs/core';

and change

createPoppper() { createPopper(this.btnDropdownRef.nativeElement, this.popper, { placement: "bottom-end", }); this.btnDropdownRef.nativeElement.parentNode.insertBefore( this.popper, this.btnDropdownRef.nativeElement.nextSibling ); }

Popper v1 is deprecated

@einazare
Copy link
Contributor

Hello guys,

Sorry for this late reply, Github did not notify me about this issue.
Glad that a solution was found. We'll make an update in about 2 months to the project and solve this as well.

Best,
Manu

@einazare einazare added the bug Something isn't working label Feb 22, 2021
einazare added a commit that referenced this issue Mar 18, 2021
einazare added a commit that referenced this issue Mar 18, 2021
einazare added a commit that referenced this issue Mar 18, 2021
einazare added a commit that referenced this issue Mar 18, 2021
einazare added a commit that referenced this issue Mar 18, 2021
einazare added a commit that referenced this issue Mar 18, 2021
einazare added a commit that referenced this issue Mar 18, 2021
This was referenced Mar 19, 2021
@drjorgepolanco
Copy link

If somebody is having this issue on Rails, I had the issue trying to install Bootstrap.
This is what worked for me:

  • yarn add bootstrap@5.0.0
  • yarn add jquery
  • yarn add @popperjs/core

@einazare
Copy link
Contributor

Hello there, @drjorgepolanco ,

Thank you for sharing this with us.
It is a bit weird that you are adding Bootstrap on a Tailwind CSS project.
I think you should delete node_modules and package-lock.json and yarn-lock.json if you have any, and try installing the product with npm instead of yarn.

Best,
Manu

@shubham-selldo
Copy link

If somebody is having this issue on Rails, I had the issue trying to install Bootstrap. This is what worked for me:

  • yarn add bootstrap@5.0.0
  • yarn add jquery
  • yarn add @popperjs/core

Thanks @drjorgepolanco this worked for me with rails 7

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
7 participants