Вам может понадобиться соответствующий загрузчик для обработки этого типа файлов. - PullRequest
Новая
       5

Вам может понадобиться соответствующий загрузчик для обработки этого типа файлов.

0 голосов
/ 28 июня 2018

Я только что сделал пакет с npm, опубликовал и установил обратно в свежий проект, но он выдает выше эту ошибку 

> ./node_modules/react-js-validator/src/inputs/EmailInput.js
Module parse failed: Unexpected token (38:12)
You may need an appropriate loader to handle this file type.
|     render() {
|         return (
|             <div >
|                 <span className="error-span" style={this.props.styleError} >
|                     {this.state.errorStatus ? this.state.errorMsg : null}

из строки № 38 мой html div запускается.

мой пакет package.json пакета npm находится здесь 

{    
          "name": "react-js-validator",
          "version": "1.0.9",
          "description": "a simple package for apply input validation on react js validation such as numaric,email,letter,custom rejex,minimum length and max length etc",
          "main": "index.js",
          "scripts": {
            "start": "react-scripts start",
            "build": "react-scripts build",
            "test": "react-scripts test --env=jsdom",
            "eject": "react-scripts eject"
          },

          "author": "anil sidhu",
          "license": "ISC",
          "devDependencies": {
            "autoprefixer": "7.1.2",
            "babel": "^6.23.0",
            "babel-cli": "^6.26.0",
            "babel-core": "6.25.0",
            "babel-eslint": "7.2.3",
            "babel-jest": "20.0.3",
            "babel-loader": "^7.1.1",
            "babel-plugin-transform-es2015-destructuring": "^6.23.0",
            "babel-plugin-transform-object-rest-spread": "^6.26.0",
            "babel-preset-react-app": "^3.0.3",
            "babel-runtime": "6.26.0"
          },
          "transpile": "babel src/index.js --out-file src/index-transpiled.js"
        }

1 Ответ

0 голосов
/ 02 июля 2018

Я только что получил ответ, мы не можем использовать чистый HTML-код в пакете npm для реакции. используйте такой код 

render() {

    let collection = React.createElement("div", {},
        React.createElement("span", { className: 'error-span' }, this.state.errorMsg),
        React.createElement("input", {
            type: "text",
            onChange: (e) => this.Valid(e.target.value),
            onClick: (e) => this.props.return(this.state.errorStatus)
        }
        )
    )
    return (collection)
}
...