我的 ES6 導入是從索引文件還是直接從導出文件讀取？

Question

給定以下目錄結構和文件：

鑒於有兩種不同類型的export ，該索引文件是否有效？
test.ts 中的myUtil導入是否從src/MyModel index.ts test.ts中讀取？ 還是直接從src/MyModel/modelUtils ？

src
|
-- test.ts
-- MyModel
   |
   -- MyModel.ts
   -- index.ts
   -- modelUtils.ts

我的模型.ts

// create a class here called MyClass
export default MyClass

模型工具.ts

export const myUtil = function () => {}

索引.ts

export { default } from './MyModel'
export * as ModelUtils from './modelUtils'

測試.ts

import MyClass from 'src/models/MyModel'
import { myUtil } from 'src/models/modelUtils'

Answer 1

每個文件只能有一個默認導出。 它也可以沒有名稱類。 這兩個條件都滿足，所以它應該是有效的。 這里有關於選項的更多信息： https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export
提供的樹結構中似乎有錯字。 路徑src/models/MyModel.ts不存在，但src/MyModel/index.ts存在。 假設它是src/models/MyModel並且該目錄存在，主要問題是路徑（ src/models/MyModel ）不是相對的。 當使用絕對路徑時，它總是會查看node_modules ，因為路徑是相對的，它需要以./或../開頭，在這種情況下： ./models/MyModel ，在這種情況下它將導入MyModel.ts文件。