web-dev-qa-db-fra.com

Module introuvable: erreur: impossible de résoudre «react-bootstrap-validation»

Problème

Je reçois toujours l'erreur suivante dans le webpack

Error: Cannot find module 'react-bootstrap-validtion'
    at Function.Module._resolveFilename (module.js:339:15)
    at Function.Module._load (module.js:290:25)
    at Module.require (module.js:367:17)
    at require (internal/module.js:20:19)

Ai-je référencé ou installé le module de manière incorrecte?

C'est ainsi que je l'ai fait en suivant l'exemple du site officiel. ( https://www.npmjs.com/package/react-bootstrap-validation )


Environnement

Voici l'environnement de nœud avec lequel je travaille

npm -v
3.10.7

nvm version
v5.11.1

node -v
v5.11.1

Voici comment j'ai installé le module

npm install --save react-bootstrap-validation


Composant React

Voici comment j'ai implémenté mon composant React

import React, {Component} from 'react'
import { ButtonInput } from 'react-bootstrap'
import { Form } from 'react-bootstrap-validation'

export default class LoginForm extends Component {

  constructor(props) {
    super(props)
    this.state = {
      showModal: false,
      email: '',
      password: ''
    }
  }

  _handleValidSubmit(values) {}
  _handleInvalidSubmit(errors, values) {}

  render() {
    return (
      <div>
        <div className="account">
          <div className="container">
            <div className="page-title">Login</div>
            <div className="page-desc">Email used at sign up</div>
            <Form
              onValidSubmit={this._handleValidSubmit.bind(this)}
              onInvalidSubmit={this._handleInvalidSubmit.bind(this)}>
              <ValidatedInput
                type="text"
                label="Email"
                name="email"
                validate="required,isEmail"
                errorHelp={{
                  required: "Please enter your e-mail",
                  isEmail: "Email is invalid"
                }}
              />

              <ValidatedInput
                type="password"
                label="Password"
                name="password"
                validate="required,isLength:6:60"
                errorHelp={{
                  required: "Please specify a password",
                  isEmail: "Password must be at least 6 characters"
                }}
              />

              <ButtonInput
                type="submit"
                bsSize="large"
                bsStyle="primary"
                value="LOGIN"
              />
            </Form>
          </div>
        </div>
      </div>
    )
  }
}
9
Giwoo Gustavo Lee

Une erreur de module introuvable se produit lorsque vous utilisez un module et que ce module n'est pas installé ou que le nœud ne parvient pas à localiser ce module en raison d'un chemin d'accès incorrect.

Un module que vous essayez d'installer a également une dépendance à d'autres modules

parfois, tous les modules ne sont pas installés correctement en raison de problèmes de sécurité liés aux autorisations.

Veuillez donc essayer de donner toutes les autorisations ou exécutez en tant que Root et ajoutez Sudo si vous utilisez la machine Ubuntu.

Vous pouvez donc installer ce module en exécutant directement la commande suivante: -

npm install react-bootstrap-validtion --save

ou si vous utilisez linux/ubuntu, exécutez la commande suivante: -

Sudo npm install react-bootstrap-validtion --save

Ou vérifiez d'abord dans la console lors de l'installation du module

y a-t-il une erreur de dépendance dans la console

si c'est le cas, veuillez également attacher cette console, dans ce cas, vous devez installer le module dépendant également séparément via npm install.

J'espère que cela vous aidera!

Merci

12
Parveen yadav