每个模块只允许一次默认导出

时间:2016-12-27 05:09:55

标签: reactjs

错误阻止启动:

为web.browser构建时: imports / ui / App.jsx:62:每个模块只允许一次默认导出。 (62:0)

您的申请有错误。等待文件更改。

import React, { Component, PropTypes } from 'react';
import { createContainer } from 'meteor/react-meteor-data';

export default class App extends Component {
  constructor(props) {
    super(props);

    // setting up the state
    this.state = { players: [] };
}

App.propTypes = {
  players: PropTypes.array.isRequired,
};

export default createContainer(() => {
  Meteor.subscribe('players');

  return {
    players: Players.find({}, {sort: { name: 1}}).fetch(),
  };
}, App);

1 个答案:

答案 0 :(得分:3)

您的文件只能有one default exportzero or more named export。在您的情况下,您有两个默认导出导致错误。

您可以将其中一个更改为指定的导出

export class App extends Component {
  constructor(props) {
    super(props);

    // setting up the state
    this.state = { players: [] };
}

App.propTypes = {
  players: PropTypes.array.isRequired,
};

export default createContainer(() => {
  Meteor.subscribe('players');

  return {
    players: Players.find({}, {sort: { name: 1}}).fetch(),
  };
}, App);

以后如果你想import App,你可以这样做

import {App} from './path/to/App';