Invalid style specified! Choose one of primary, accent, background, ........

Problem description

main.scss :

//$mdc-theme-primary: #9c27b0;
//$mdc-theme-accent: #76ff03;
//$mdc-theme-background: #fff;

@import "material-components-web/material-components-web";
@import "./_color";
....

Error when add @import "material-components-web/material-components-web";

ERROR in ./node_modules/css-loader!./node_modules/resolve-url-loader!./node_modu
les/sass-loader/lib/loader.js?{"sourceMap":true,"includePaths":["E://Project//al
lproject_git//react-boilerplate//node_modules"]}!./app/styles/main.scss
Module build failed:
undefined
          ^
      Invalid style specified! Choose one of primary, accent, background, text-p
rimary-on-primary, text-secondary-on-primary, text-hint-on-primary, text-disable
d-on-primary, text-icon-on-primary, text-primary-on-accent, text-secondary-on-ac
cent, text-hint-on-accent, text-disabled-on-accent, text-icon-on-accent, text-pr
imary-on-background, text-secondary-on-background, text-hint-on-background, text
-disabled-on-background, text-icon-on-background, text-primary-on-light, text-se
condary-on-light, text-hint-on-light, text-disabled-on-light, text-icon-on-light
, text-primary-on-dark, text-secondary-on-dark, text-hint-on-dark, text-disabled
-on-dark, text-icon-on-dark
      in E:\Project\allproject_git\react-boilerplate\node_modules\@material\them
e\_mixins.scss (line 26, column 12)
 @ ./app/styles/main.scss 4:14-179 18:2-22:4 19:20-185
 @ ./app/containers/App/index.js
 @ ./app/app.js
 @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true ./app/ap
p.js

[eromoe]

@pvamshi Sorry, I just misunderstand you (looking too quickly …)

The full situation is:

1. material-components-web 0.17.0 installed, got this error
2. tried update, npm update material-components-web (But I fogot add --save, so package.json not update) , still error
3. see your comment, check the package.json fix vertion to 0.19.0, and install @material/theme , still this error.

Now I uninstall @material/theme, it go to normal.

[eromoe]

I hadn’t have that when you ask me, then I tried to install it see what would happen , but still same error. At first, I think you are asking me delete node_module , update material-components-web to lastest and install @material/theme …