Файлы плагинов / пресетов не позволяют экспортировать объекты только функции - PullRequest
0 голосов
/ 10 мая 2019

Я пытаюсь вызвать простой код JSX со своей html-страницы. Но когда я пытаюсь скомпилировать код JSX, используя Babel, используя команду "browserify -t [babelify --presets [реагировать]] src / App.js -o build.js", он выдает ошибку:

'Файлы плагинов / пресетов не позволяют экспортировать объекты, только функции. В F: \ Work Backup \ simplereact \ response-tutorial \ node_modules \ babel-preset-response \ lib \ index.js при синтаксическом анализе файла: F: \ Work Backup \ simplereact \act-tutorial \ src \ App.js '

Пожалуйста, помогите! index.html

<!DOCTYPE html>
<html>
  <head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel- core/5.8.23      /browser.js"></script>
</head>
<body>
<div id="app"></div>
<script src="src/app.js" type="text/babel"></script>
</body>
</html>

App.js

import React from 'react';

var App = React.createClass({
render: function() {
return <div>Something something Dark Side</div>;
}
});

ReactDOM.render(
<App />,
document.getElementById('app')
);
export default App;

Package.json

{  
"name": "react-tutorial",
"version": "0.1.0",
"private": true,
"dependencies": {
"@babel/core": "^7.4.4",
"babel-preset-react": "^6.24.1",
"babelify": "^10.0.0",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-scripts": "3.0.1"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
  ">0.2%",
  "not dead",
  "not op_mini all"
  ],
  "development": [
  "last 1 chrome version",
  "last 1 firefox version",
  "last 1 safari version"
  ]
  }
  } 

1 Ответ

0 голосов
/ 11 мая 2019

Если в соответствии с реагировать с реактивом, если вы не используете ES6.

var createReactClass = require('create-react-class'); //create function like so.
var App = createReactClass({                     
  render: function() {
    return <h1>Hello, {this.props.name}</h1>;
  }
});
...