Question

我正在尝试使用MySQL + Express + ReactJS + NodeJS做一个Crud。

我已经完成了后端部分，并且工作正常，即NodeJS + MySQL + Express。现在，我需要在其中嵌入反应。因此，我已经完成了一些代码，并尝试使用“ browserify -t [babelify --presets [react]] src / App.js -o build.js”进行编译，但是我遇到了问题标题中提到的错误。请让我知道我在哪里做错了吗？

我尝试通过在线解决方案更改Package.json，但仍然存在问题。

Package.json

 {
  "name": "react-tutorial",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
  "@babel-preset-react": "^7.0.0",
  "@babel/core": "^7.4.4",
  "@babel/preset-env": "^7.4.4",
  "@babel/preset-react": "^7.0.0",
  "babel-loader": "^8.0.6",
  "babelify": "^10.0.0",
  "react": "^16.8.6",
  "react-dom": "^16.8.6",
  "react-scripts": "3.0.1",
  "webpack": "^4.31.0",
  "webpack-cli": "^3.3.2"
  },
  "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"
   ]
  }
 }

App.js

 import React from 'react';
 import ReactDOM from 'react-dom';

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

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

Index.js

 import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
 import * as serviceWorker from './serviceWorker';

 ReactDOM.render(<App />, document.getElementById('root'));    

 serviceWorker.unregister();

.babelrc

{
 "presets": ["@babel/preset-env", "@babel/preset-react"]
}

Index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />

<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

<title>React App</title>
</head>
<body>
  <noscript>You need to enable JavaScript to run this app.</noscript>
  <div id="root"></div>

</body>

插件/预设文件不允许导出对象，只能导出功能。在解析文件时在index.js中：App.js

0 个答案: