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 )
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
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>
)
}
}
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