ES6从多个路径导入

Question

假设我有一些扩展对象的类。一类比另一类嵌套得更深。

-- FOOD.js
export default class FOOD {}...

-- FRUIT.js
import FOOD from './FOOD.js';
export default class FRUIT extends FOOD {}...

-- FRUIT/APPLE.js
import FRUIT from '../FRUIT.js';
export default class APPLE extends FRUIT {}...

-- FRUIT/SEEDLESS/ORANGE
import FRUIT from '../../FRUIT.js';
export default class ORANGE extends FRUIT {}...

-- main.js
import FRUIT from './FRUIT.js';
import APPLE from './FRUIT/APPLE.js';
import ORANGE from './FRUIT/SEEDLESS/ORANGE.js';

let orange = new ORANGE();
let apple = new APPLE();

我从APPLE.js收到未捕获的ReferenceError，说“未定义水果”

我假设FRUIT的相对路径被覆盖。我可以有多个通往“水果”别名的路径吗？我必须为导入创建单独的别名吗？

Answer 1

事实证明，最低级别的ReferenceError是检查器中显示的内容。对于那些带有嵌套导入的对象，请确保在每个相关模块上检查导入。