web-dev-qa-db-fra.com

Obtenir une erreur TypeError: color.charAt n'est pas une fonction dans C: /...../ node_modules/@material-ui/core/styles/colorManipulator.js: 148

Voici un lien vers la capture d'écran de l'erreur: https://drive.google.com/open?id=1HL-Fy1M4tHp9qMUpt88PzOfI10AHHem- .

Il s'agit de la partie de code où les couleurs sont utilisées.

const theme = createMuiTheme({
  palette: {
    primary: {
      light: '#33c9dc',
      main: '#00bcd4',
      dark: '#008394',
      contrastText: '#fff'
    },
    secondary: {
      light: '#ff6333',
      main: '#ff3d00',
      dark: '#b22a00',
      contrastText: '#fff'
    }
  },
  typography: {
    useNextVariants: true
  },
  form: {
    textAlign: "center"
  },
  image: {
    margin: "10px auto 10px auto"
  },
  pageTitle: {
    margin: "10px auto 10px auto"
  },
  textField: {
    margin: "10px auto 10px auto"
  },
  button: {
    marginTop: 20,
    position: "relative"
  },
  customError: {
    color: "red",
    fontSize: "0.8rem",
    marginTop: 5
  },
  progress: {
    position: "absolute"
  }
});

J'ai déjà essayé de changer les couleurs de valeurs hexadécimales en valeurs RVB, cela n'a pas fonctionné.

javascriptreactjsmaterial-ui
13
Pulkit Garg

Dans mon cas, j'avais un objet vide dans ma palette:

export default {
  breakpoints: {...},
  text: {
    primary: "rgba(0, 0, 0, 0.87)",
    secondary: "rgba(0, 0, 0, 0.54)",
    disabled: "rgba(0, 0, 0, 0.38)",
    hint: "rgba(0, 0, 0, 0.38)"},
  divider: {}, // This was the issue, Either remove or put values in
  background: {
    paper: "#fff",
    default: "#fafafa",
    test: "#616161"
  },
};

Cela n'a eu aucun effet sur les bibliothèques de base, de style ou d'icônes, mais je frappais la même erreur que vous depuis des lustres! La suppression de cela a réglé le problème pour moi.

1
Christan Foden