javascript - 在 Web 浏览器控制台中自省 ECMAScript 6 模块成员

Question

我正在尝试一些第三方 JavaScript。

假设我在 Chrome 开发工具控制台中导入了一个 ES6 模块：

import('https://unpkg.com/web3/dist/web3.js').then(module => console.log(module));

它给了我：

Module {Symbol(Symbol.toStringTag): "Module"}
Symbol(Symbol.toStringTag): "Module"

有没有办法让我从 JavaScript 控制台内省模块内容，以便我可以看到模块为我提供了哪些导出来导入和使用？

Answer 1

语法正确

import("https://unpkg.com/es-react").then(module => console.log(module));

但是，加载的模块必须明确支持 ECMAScript 6 模块导出，以便 Web 浏览器可以找到任何成员。

Module {…}
Children: (...)
Component: (...)
Fragment: (...)
Profiler: (...)
PropTypes: (...)
PureComponent: (...)
React: (...)
ReactDOM: (...)
StrictMode: (...)
Suspense: (...)
__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: (...)
cloneElement: (...)
createContext: (...)
createElement: (...)
createFactory: (...)
createRef: (...)
default: (...)
forwardRef: (...)
isValidElement: (...)
lazy: (...)
memo: (...)
useCallback: (...)
useContext: (...)
useDebugValue: (...)
useEffect: (...)
useImperativeHandle: (...)
useLayoutEffect: (...)
useMemo: (...)
useReducer: (...)
useRef: (...)
useState: (...)
version: (...)