JavaScript：任何人都可以让它工作或解释为什么它不工作吗？

Question

更新

根据 Epiqueras 的回答，我查看了我是如何处理导入的。首先，/models/index.js 正在导出命名导出。代码如下：

'use strict';

import { readdirSync } from 'fs'
import {
    basename,
    extname,
    resolve
} from 'path';


//
// Using module.exports here as a bit of a hack 
// to allow for member imports in the form of
// import { Constructor } from "~/models"
module.exports = readdirSync(__dirname)             // Get contents of current directory
                   .filter(f => f !== 'index.js')   // Exclude the index file
                   .map(f => resolve(__dirname, f)) // Resolve the complete module file path
                   .map(f => require(f).default)    // Require the module
                   .reduce((prev, next) => {        // Reduce the array of modules to a hash of Module.name = Module
                       prev[next.name] = next;
                       return prev;
                    }, {});

我是从requireindex 项目中得出的，该项目对我不起作用（无疑是用户错误）。后来我发现，如果我直接导​​入类，即import Patron from '../models/patron'，那么一切都会按预期工作。

此时，我的项目中有五个其他模型都可以使用上面的代码正常导出。 Patron 是唯一没有的。如原始问题所述，如果我将名称更改为其他名称，则上面的代码会毫无问题地导出该新名称。

谢天谢地，我现在有一个解决方法。希望我能弄清楚为什么 Patron 这个名字会让人窒息。

原始问题

我用 JavaScript 写了一个简单的类：

'use strict'

export default class Patron {
  constructor(props) {
    this.props = props;
  }

  create() {
    // In my actual code I make a network call,
    // simplified this just to see if anyone can get it to return a promise
    return Promise.resolve(this);
  }
}

为了完整起见，下面是我如何使用构造函数的示例：

'use strict'

import { Router } from 'express';
import { Patron } from '../models';

const PatronRouter = Router();

PatronRouter.post('/patrons', (req, res) => {
  let patron = new Patron({ name: 'John Doe' });
  let promise = patron.create().then(response => res.send(response);
}

export PatronRouter;

这是我的经历：

• Patron 是一个有效的构造函数，初始化实例没有错误
• patron 是 Patron 的一个实例
• patron.props 是 undefinded
• patron.create 作为实例方法存在
• patron.create 返回undefined

这对我来说完全没有意义：如果我更改类的名称，一切正常。我不明白名称 Patron 是在哪里/如何/为什么导致问题的？

其他几点说明：

• 运行节点 (6.9.2)
• Express（最新）应用程序的一部分，尝试从Router 执行此代码
• 在启用 es2015 预设的情况下使用 Babel 6

想法？

Answer 1

您将类作为默认导出导出，但将其作为命名导出导入。

试试这个：import Patron from '../models;

或将导出更改为命名导出：export class Patron