问题
我在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)
我是否引用或安装了错误的模块?
这是我按照官方网站上的例子做的。(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组件
这就是我实现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>
)
}
}
4条答案
按热度按时间roejwanj1#
您可以尝试使用以下方法:
3qpi33ja2#
如果接受的答案对您不起作用,可能是您的
bootstrap-react
版本比您尝试实现/模拟的版本新。对我来说,我检查了我正在看的教程的
package.json
文件,发现:您也可以只在项目中运行
npm list
,如果您已将其下载到您的计算机上。但是当我在我自己的项目上运行
npm list
时所以我跑了
并解决了该问题。
k2arahey3#
这解决了我的问题
npm安装--保存React引导验证
u59ebvdq4#
当您正在使用某个模块,但该模块未安装或节点由于路径错误而无法找到该模块时,会出现“未找到模块”错误。
您正在尝试安装的一个模块也依赖于其他模块
因此有时由于某些权限安全问题而不能正确安装所有模块。
因此,请尝试给予所有权限或以Root身份运行,并添加sudo,如果您使用的是ubuntu机器。
因此,您可以通过直接运行以下命令来安装该模块:-
或者如果您使用的是linux/ubuntu,则运行以下命令:-
或者首先请在控制台中检查安装模块时所
控制台中是否显示了任何相关性错误
如果是这样话,请连接控制台,在这种情况下,你需要通过npm安装程序单独安装相关模块。
希望这会有所帮助!
谢谢