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.

Module build failed material/animation/functions

See original GitHub issue

I got this problem

here is my ripple dep

| +-- @material/ripple@0.39.3
| | +-- @material/animation@0.39.0 deduped
| | +-- @material/base@0.39.0 deduped
| | `-- @material/theme@0.39.1 deduped

but I still get this error

ERROR in ./src/app/partials/sidemenu/sidemenu.component.scss
Module build failed (from ./node_modules/sass-loader/lib/loader.js):

undefined
^
      File to import not found or unreadable: @material/animation/functions.
      in filepath\node_modules\@material\ripple\mdc-ripple.scss (line 23, column 1)

On Angular project.

Issue Analytics

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

github_iconTop GitHub Comments

1reaction
kfranqueirocommented, Mar 18, 2019

I’m unable to reproduce this error if I npm install @material/ripple@0.39.3 and then compile with dart-sass -I node_modules. Are you sure you’re configuring your import paths correctly to point to your node_modules directory?

It also looks like what you pasted above is only part of your entire MDC Web dependencies. If you happen to depend on a mixture of MDC Web versions, you may need to configure a custom importer in order to resolve dependencies from nested node_modules directories correctly. We document how to do this in an appendix in our getting started guide.

If you still encounter trouble after trying a custom importer, can you provide more information (e.g. a package.json) for us to reproduce your setup?

0reactions
moog16commented, Mar 25, 2019

Closing as no Sample code has been provided.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Module not found: Error: Can't resolve '@angular/animations'
I have by mistake have to install file which due to error install half and named animation So as I delete that file...
Read more >
Angular Material Theming System - Complete Guide
In this article, you will learn what Angular Material Theming is and what are some recent changes to adhere to the new module...
Read more >
Animation transitions and triggers - Angular
Disabling animations application-wide is useful during end-to-end (E2E) testing. Animation callbackslink. The animation trigger() function emits callbacks when ...
Read more >
Material Functions Overview - Unreal Engine Documentation
Compile errors within a function will highlight the MaterialFunctionCall node in red in materials that use it. The error message will also say...
Read more >
Troubleshooting - Unity - Manual
json file is malformed. It also tells you the line number where the Package Manager failed to parse the file, so you can...
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