material-components-web-codelabs icon indicating copy to clipboard operation
material-components-web-codelabs copied to clipboard

[codelab] MDC-102 Web conflict with npm package versions

Open mateus-dias-cwb opened this issue 3 years ago • 1 comments

If you follow from MDC-101 to MDC-102 with the same project you get an error when trying to compile the project.

The issue is the different versions of npm packages that the tutorial tell you to install. MDC-101 tells you to npm install @material/textfield@^6.0.0 but MDC-102 tells you to npm install @material/drawer @material/list.

The issue is that when installing the packages without specifying a version the installed version happens to be 14, not 6 and this causes the app to not compile.

I solve this by uninstalling the drawer and list packages and reinstalling them with @^6.0.0 at the end. I think this info should be added somewhere in the codelabs.

mateus-dias-cwb avatar Jul 08 '22 18:07 mateus-dias-cwb

If you follow from MDC-101 to MDC-102 with the same project you get an error when trying to compile the project.

The issue is the different versions of npm packages that the tutorial tell you to install. MDC-101 tells you to npm install @material/textfield@^6.0.0 but MDC-102 tells you to npm install @material/drawer @material/list.

The issue is that when installing the packages without specifying a version the installed version happens to be 14, not 6 and this causes the app to not compile.

I solve this by uninstalling the drawer and list packages and reinstalling them with @^6.0.0 at the end. I think this info should be added somewhere in the codelabs.

Thank you @mateus-dias-cwb for sharing your insight. It really helped me out.

akgupta002 avatar Jan 07 '23 03:01 akgupta002