Ruby on rails - 从 mobx-react 导入观察器会导致"Uncaught TypeError: Super expression must either be null or a

Question

我在rails项目中使用rails-browserify来编译一个reactJS应用程序。

我的节点包。Json文件看起来像这样:

{
  "dependencies": {
    "babel-core": "^6.13.2",
    "babel-loader": "^6.2.4",
    "babel-plugin-transform-decorators-legacy": "^1.3.4",
    "babel-preset-es2015": "^6.13.2",
    "babel-preset-react": "^6.11.1",
    "babel-preset-stage-1": "^6.13.0",
    "babel-preset-stage-2": "^6.13.0",
    "babelify": "^7.3.0",
    "browserify": "^13.1.0",
    "browserify-incremental": "^3.1.1",
    "mobx": "^2.4.2",
    "mobx-react": "^3.5.4",
    "react": "^15.3.0",
    "react-dom": "^15.3.0",
    "react-router": "^2.6.1",
    "webpack": "^1.13.1"
  }
}

然而，当I import { observer } from 'mobx-react'时，我得到一个

Uncaught TypeError: Super expression必须为null或一个函数，而不是undefined

对于我导入的任何其他库都不会发生这种情况。react、mobx、react-dom均进口优良。如果你还需要其他细节，请告诉我。任何帮助都是感激的。我被难住了。

所讨论的模块看起来像这样。我还没有在组件中使用mobx-react，只是导入了它。是import {observer}那行触发了这个错误。

import React, { Component } from 'react';
import { observer } from "mobx-react";
export default class OnboardingHeader extends Component {
  constructor(props) {
    super(props);
    this.state = {...}
  }
}

Answer 1

好吧，我没有解决这个问题，但我现在找到了一个解决办法。

我将观察者导入移动到一个两步方法中，babelify似乎更喜欢这样。我改变了

import { observer } from 'mobx-react';

import mobxReact from 'mobx-react';
const { observer } = mobxReact;

现在一切似乎都很好。问题似乎在于babelify以及它如何用库翻译导入。