web-dev-qa-db-ja.com

モジュールが見つかりません：エラー：「react-bootstrap-validation」を解決できません

問題

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>
    )
  }
}
node.jsreactjsnpmreact-bootstrap
9
Giwoo Gustavo Lee

モジュールを使用していて、そのモジュールがインストールされていないか、パスが間違っているためにノードがそのモジュールを見つけることができない場合、モジュールが見つかりませんというエラーが発生します。

インストールしようとしているモジュールは、他のモジュールにも依存しています

そのため、許可のセキュリティ上の問題により、すべてのモジュールが正しくインストールされない場合があります。

したがって、すべての許可を与えるか、またはyoyがubuntuマシンを使用している場合はルートとして実行し、Sudoを追加してください

そのため、次のコマンドを直接実行してそのモジュールをインストールできます。

npm install react-bootstrap-validtion --save

または、linux/ubuntuを使用している場合は、次のコマンドを実行します。

Sudo npm install react-bootstrap-validtion --save

または、まずモジュールをインストールするときにコンソールで確認してください

コンソールに表示される依存関係エラーはありますか

その場合は、そのコンソールも接続してください。その場合は、npm installを使用して依存モジュールも個別にインストールする必要があります。

これが役立つことを願っています！

ありがとう

12
Parveen yadav