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)
モジュールを誤って参照またはインストールしましたか?
これが、公式Webサイトの例に従ってそれを行った方法です。 ( https://www.npmjs.com/package/react-bootstrap-validation )
これは私が作業しているノード環境です
npm -v
3.10.7
nvm version
v5.11.1
node -v
v5.11.1
これは私がモジュールをインストールした方法です
npm install --save react-bootstrap-validation
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>
)
}
}
モジュールを使用していて、そのモジュールがインストールされていないか、パスが間違っているためにノードがそのモジュールを見つけることができない場合、モジュールが見つかりませんというエラーが発生します。
インストールしようとしているモジュールは、他のモジュールにも依存しています
そのため、許可のセキュリティ上の問題により、すべてのモジュールが正しくインストールされない場合があります。
したがって、すべての許可を与えるか、またはyoyがubuntuマシンを使用している場合はルートとして実行し、Sudoを追加してください
そのため、次のコマンドを直接実行してそのモジュールをインストールできます。
npm install react-bootstrap-validtion --save
または、linux/ubuntuを使用している場合は、次のコマンドを実行します。
Sudo npm install react-bootstrap-validtion --save
または、まずモジュールをインストールするときにコンソールで確認してください
コンソールに表示される依存関係エラーはありますか
その場合は、そのコンソールも接続してください。その場合は、npm installを使用して依存モジュールも個別にインストールする必要があります。
これが役立つことを願っています!
ありがとう