Анализ членов модуля ECMAScript 6 в консоли веб-браузера

Question

Я пробую какую-то стороннюю компанию JavaScript.

Допустим, я импортирую модуль ES6 в Chrome панель инструментов разработчика:

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, чтобы в веб-браузере были найдены любые члены.

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: (...)