Javascript 如何解决无法分配给只读属性的问题'；出口'；反应中物体的运动？

我是一个新的反应，并试图建立一个简单的应用程序从头开始。我遇到一个错误，上面写着：

未捕获的TypeError:无法分配给的只读属性“exports” 位于模块../src/app/about.js（bundle.js:2081）处的对象“#” 需要的网页包（bundle.js:724）

关于.js

var React = require("react");
var createReactClass = require("create-react-class");
import { Link } from "react-router";

var About = createReactClass({
  render: function() {
    return(
        <Link to={"/"}>Home</Link>
    );
  }
});

module.exports = About;

var path = require('path');

module.exports = {
  entry: path.resolve(__dirname, 'src') + '/app/index.js',
  output: {
    path: path.resolve(__dirname, 'dist') + '/app',
    filename: 'bundle.js',
    publicPath: '/app/'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        include: path.resolve(__dirname, 'src'),
        loader: 'babel-loader'
      },
      {
        test: /\.css$/,
        loader: 'style-loader!css-loader'
      },
      {
        test: /\.(jpe?g|png|gif|woff|woff2|eot|ttf|svg)(\?[a-z0-9=.]+)?$/,
        loader: 'url-loader?limit=100000'        
      }
    ]
  }
};

package.json

  "devDependencies": {
    "babel-core": "^6.16.0",
    "babel-loader": "^6.2.5",
    "babel-preset-es2015": "^6.16.0",
    "babel-preset-react": "^6.16.0",
    "create-react-class": "^15.6.3",
    "css-loader": "^2.1.1",
    "style-loader": "^0.23.1",
    "webpack": "^1.13.2",
    "webpack-dev-server": "^1.16.1"
  }

.babelrc

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

我认为这与我的

模块有关。导出

---

非常感谢您的帮助。

在文件顶部，不要使用

import

方法，而是使用以下方法：

const { Link } = require("react-router");

---

@Kobe我明白了，您知道避免错误的另一种方法吗？使用

导出默认值关于const{Link}=require（“反应路由器”）与问题无关，但如果您是新手，我建议您学习react钩子而不是类。它们的使用要简单得多。。