Missing dependency isArray

[adjenks]

Q&A (please complete the following information)

• OS: linux
• Browser: any
• Version: swagger-ui@3.21.0
• Method of installation: npm
• Swagger-UI version: swagger-ui@3.21.0
• Swagger/OpenAPI version: n/a

Content & configuration

Example Swagger/OpenAPI definition:

n/a

Swagger-UI configuration options:

import SwaggerUI from 'swagger-ui'
import 'swagger-ui/dist/swagger-ui.css'

const ui = SwaggerUI({
	url: "/openapi.yaml",
	dom_id: '#swagger-ui',
	deepLinking: true,
	presets: [
		SwaggerUI.presets.apis
	],
	plugins: [
	],
	layout: "BaseLayout",
	validatorUrl: null
})

Describe the bug you're encountering

Using parcel to build the script fails with:

node_modules/swagger-ui/dist/swagger-ui.js:8:32318: Cannot resolve dependency 'isArray'

To reproduce...

Build swagger-ui@3.21.0 using Parcel with the above "Swagger-UI configuration options".

Expected behavior

I expect it to build

Screenshots

Additional context or thoughts

I've fixed it on my personal setup by going into the package.json of swagger-ui and adding the dependency:
"isarray": "^2.0.4",

[shockey]

@adjenks, is this still a problem for you?

isarray is definitely present in Swagger UI's dependency tree:

$ npm ls isarray
swagger-ui@3.22.0 /Users/kyle/Code/ui
├─┬ babel-cli@6.26.0
│ └─┬ chokidar@1.7.0
│   └─┬ fsevents@1.2.3
│     └─┬ node-pre-gyp@0.9.1
│       └─┬ npmlog@4.1.2
│         └─┬ are-we-there-yet@1.1.4
│           └─┬ readable-stream@2.3.6
│             └── isarray@1.0.0 
├─┬ eslint@4.19.1
│ └─┬ concat-stream@1.6.0
│   └─┬ readable-stream@2.3.6
│     └── isarray@1.0.0  deduped
├─┬ eslint-plugin-import@2.13.0
│ └─┬ doctrine@1.5.0
│   └── isarray@1.0.0 
├─┬ json-server@0.12.2
│ └─┬ express-urlrewrite@1.2.0
│   └─┬ path-to-regexp@1.7.0
│     └── isarray@0.0.1 
├─┬ nightwatch@0.9.21
│ └─┬ proxy-agent@2.0.0
│   └─┬ pac-proxy-agent@1.1.0
│     └─┬ get-uri@2.0.1
│       └─┬ ftp@0.3.10
│         └─┬ readable-stream@1.1.14
│           └── isarray@0.0.1 
├─┬ nyc@11.7.1
│ ├─┬ micromatch@2.3.11
│ │ └─┬ braces@1.8.5
│ │   └─┬ expand-range@1.8.2
│ │     └─┬ fill-range@2.2.3
│ │       └─┬ isobject@2.1.0
│ │         └── isarray@1.0.0 
│ └─┬ test-exclude@4.2.1
│   └─┬ micromatch@3.1.10
│     └─┬ snapdragon@0.8.2
│       └─┬ base@0.11.2
│         └─┬ cache-base@1.0.1
│           └─┬ unset-value@1.0.0
│             └─┬ has-value@0.3.1
│               └─┬ isobject@2.1.0
│                 └── isarray@1.0.0  deduped
├─┬ standard@11.0.1
│ └─┬ eslint-plugin-import@2.9.0
│   └─┬ doctrine@1.5.0
│     └── isarray@1.0.0  deduped
├─┬ webpack@3.1.0
│ └─┬ node-libs-browser@2.1.0
│   └─┬ buffer@4.9.1
│     └── isarray@1.0.0  deduped
├─┬ webpack-cli@2.0.4
│ └─┬ jscodeshift@0.4.1
│   └─┬ micromatch@2.3.11
│     └─┬ braces@1.8.5
│       └─┬ expand-range@1.8.2
│         └─┬ fill-range@2.2.3
│           └─┬ isobject@2.1.0
│             └── isarray@1.0.0  deduped
└─┬ webpack-dev-server@2.11.3
  └─┬ chokidar@2.0.3
    └─┬ braces@2.3.2
      └─┬ snapdragon@0.8.2
        └─┬ base@0.11.2
          └─┬ cache-base@1.0.1
            └─┬ unset-value@1.0.0
              └─┬ has-value@0.3.1
                └─┬ isobject@2.1.0
                  └── isarray@1.0.0  deduped

What package manager and version are you using to install dependencies for Swagger UI?

[adjenks]

@shockey

Using swagger-ui 3.22.0 I am still getting this error when trying to build using parcel version 1.12.3.

I believe the command you should use to examine the tree is: npm list -prod.

In the npm documentation it says there are prod and dev flags for the list command:

prod / production§

Type: Boolean
Default: false

Display only the dependency tree for packages in dependencies.
dev / development§

Type: Boolean
Default: false

Display only the dependency tree for packages in devDependencies

(https://docs.npmjs.com/cli/ls.html)

If you run with the prod flag, the tree does not contain "isarray":

(environment) [censored-username@servername node_modules]$ npm list -prod
swagger-ui@3.22.0 /var/www/commlog_dev/js_src/node_modules/swagger-ui
├── @braintree/sanitize-url@2.1.0
├─┬ @kyleshockey/js-yaml@1.0.1
│ └─┬ argparse@1.0.10
│ └── sprintf-js@1.0.3
├── @kyleshockey/object-assign-deep@0.4.2
├─┬ @kyleshockey/xml@1.0.2
│ └─┬ stream@0.0.2
│ └── emitter-component@1.1.1
├── base64-js@1.3.0
├── classnames@2.2.6
├── core-js@2.6.5
├── css.escape@1.5.1
├── deep-extend@0.5.1
├── dompurify@1.0.10
├── ieee754@1.1.13
├── immutable@3.8.2
├── js-file-download@0.4.5
├── lodash@4.17.11
├─┬ memoizee@0.4.14
│ ├─┬ d@1.0.0
│ │ └── es5-ext@0.10.49 deduped
│ ├─┬ es5-ext@0.10.49
│ │ ├─┬ es6-iterator@2.0.3
│ │ │ ├── d@1.0.0 deduped
│ │ │ ├── es5-ext@0.10.49 deduped
│ │ │ └── es6-symbol@3.1.1 deduped
│ │ ├─┬ es6-symbol@3.1.1
│ │ │ ├── d@1.0.0 deduped
│ │ │ └── es5-ext@0.10.49 deduped
│ │ └── next-tick@1.0.0 deduped
│ ├─┬ es6-weak-map@2.0.2
│ │ ├── d@1.0.0 deduped
│ │ ├── es5-ext@0.10.49 deduped
│ │ ├── es6-iterator@2.0.3 deduped
│ │ └── es6-symbol@3.1.1 deduped
│ ├─┬ event-emitter@0.3.5
│ │ ├── d@1.0.0 deduped
│ │ └── es5-ext@0.10.49 deduped
│ ├── is-promise@2.1.0
│ ├─┬ lru-queue@0.1.0
│ │ └── es5-ext@0.10.49 deduped
│ ├── next-tick@1.0.0
│ └─┬ timers-ext@0.1.7
│ ├── es5-ext@0.10.49 deduped
│ └── next-tick@1.0.0 deduped
├─┬ prop-types@15.7.2
│ ├─┬ loose-envify@1.4.0
│ │ └── js-tokens@4.0.0
│ ├── object-assign@4.1.1
│ └── react-is@16.8.6
├─┬ react@15.6.2
│ ├─┬ create-react-class@15.6.3
│ │ ├── fbjs@0.8.17 deduped
│ │ ├── loose-envify@1.4.0 deduped
│ │ └── object-assign@4.1.1 deduped
│ ├─┬ fbjs@0.8.17
│ │ ├── core-js@1.2.7
│ │ ├─┬ isomorphic-fetch@2.2.1
│ │ │ ├── node-fetch@1.7.3 deduped
│ │ │ └── whatwg-fetch@3.0.0
│ │ ├── loose-envify@1.4.0 deduped
│ │ ├── object-assign@4.1.1 deduped
│ │ ├─┬ promise@7.3.1
│ │ │ └── asap@2.0.6
│ │ ├── setimmediate@1.0.5
│ │ └── ua-parser-js@0.7.19
│ ├── loose-envify@1.4.0 deduped
│ ├── object-assign@4.1.1 deduped
│ └── prop-types@15.7.2 deduped
├─┬ react-debounce-input@3.2.0
│ ├── lodash.debounce@4.0.8
│ └── prop-types@15.7.2 deduped
├─┬ react-dom@15.6.2
│ ├── fbjs@0.8.17 deduped
│ ├── loose-envify@1.4.0 deduped
│ ├── object-assign@4.1.1 deduped
│ └── prop-types@15.7.2 deduped
├── react-immutable-proptypes@2.1.0
├─┬ react-immutable-pure-component@1.2.3
│ └─┬ @types/react@16.4.6
│ └── csstype@2.6.3
├─┬ react-inspector@2.3.1
│ ├─┬ babel-runtime@6.26.0
│ │ ├── core-js@2.6.5 deduped
│ │ └── regenerator-runtime@0.11.1
│ ├── is-dom@1.0.9
│ └── prop-types@15.7.2 deduped
├─┬ react-motion@0.5.2
│ ├── performance-now@0.2.0
│ ├── prop-types@15.7.2 deduped
│ └─┬ raf@3.4.1
│ └── performance-now@2.1.0
├─┬ react-redux@4.4.10
│ ├── create-react-class@15.6.3 deduped
│ ├─┬ hoist-non-react-statics@3.3.0
│ │ └── react-is@16.8.6 deduped
│ ├─┬ invariant@2.2.4
│ │ └── loose-envify@1.4.0 deduped
│ ├── lodash@4.17.11 deduped
│ ├── loose-envify@1.4.0 deduped
│ └── prop-types@15.7.2 deduped
├─┬ redux@3.7.2
│ ├── lodash@4.17.11 deduped
│ ├── lodash-es@4.17.11
│ ├── loose-envify@1.4.0 deduped
│ └── symbol-observable@1.2.0
├─┬ redux-immutable@3.0.8
│ └── immutable@3.8.2 deduped
├─┬ remarkable@1.7.1
│ ├─┬ argparse@0.1.16
│ │ ├── underscore@1.7.0
│ │ └── underscore.string@2.4.0
│ └── autolinker@0.15.3
├── reselect@2.5.4
├── serialize-error@2.1.0
├─┬ swagger-client@3.8.25
│ ├── @kyleshockey/js-yaml@1.0.1 deduped
│ ├── @kyleshockey/object-assign-deep@0.4.2 deduped
│ ├── babel-runtime@6.26.0 deduped
│ ├── btoa@1.1.2
│ ├─┬ buffer@5.2.1
│ │ ├── base64-js@1.3.0 deduped
│ │ └── ieee754@1.1.13 deduped
│ ├── cookie@0.3.1
│ ├─┬ cross-fetch@0.0.8
│ │ ├─┬ node-fetch@1.7.3
│ │ │ ├─┬ encoding@0.1.12
│ │ │ │ └─┬ iconv-lite@0.4.24
│ │ │ │ └── safer-buffer@2.1.2
│ │ │ └── is-stream@1.1.0
│ │ └── whatwg-fetch@2.0.3
│ ├── deep-extend@0.5.1 deduped
│ ├── encode-3986@1.0.0
│ ├─┬ fast-json-patch@2.1.0
│ │ └── deep-equal@1.0.1
│ ├─┬ isomorphic-form-data@0.0.1
│ │ └─┬ form-data@1.0.1
│ │ ├─┬ async@2.6.2
│ │ │ └── lodash@4.17.11 deduped
│ │ ├─┬ combined-stream@1.0.7
│ │ │ └── delayed-stream@1.0.0
│ │ └─┬ mime-types@2.1.22
│ │ └── mime-db@1.38.0
│ ├── lodash@4.17.11 deduped
│ ├── qs@6.7.0
│ ├── querystring-browser@1.0.4
│ ├─┬ url@0.11.0
│ │ ├── punycode@1.3.2
│ │ └── querystring@0.2.0
│ ├── utf8-bytes@0.0.1
│ └── utfstring@2.0.0
├─┬ url-parse@1.4.4
│ ├── querystringify@2.1.1
│ └── requires-port@1.0.0
├─┬ xml-but-prettier@1.0.1
│ └── repeat-string@1.6.1
└── zenscroll@4.0.2

Cool visualization here, with the same results: http://npm.anvaka.com/#/view/2d/swagger-ui

So, it looks like it's missing from the dependencies but not from the dev dependencies.

By default npm install installs devDependencies as well, but if you use npm install --production it will not install the dev dependencies which shouldn't be required to build.

I shouldn't need "eslint", json-server", "nightwatch", or any of the other devDependencies to build it.

It looks like it's failing inside the universalModuleDefinition where "SwaggerUICore" is defined:

exports["SwaggerUICore"] = factory(require("deep-extend"), require("immutable"), require("css.escape"), require("memoizee"), require("stream"), require("base64-js"), require("ieee754"), require("isarray"),

[adjenks]

I don't think I've had the issue in the newer versions. I'll just close this now...

[leocabeza]

This is happening to me with latest swagger-ui-react version 4.1.0:

Q&A (please complete the following information)

OS: macOs
Browser: any
Version: swagger-ui@3.21.0
Method of installation: npm
Swagger-UI version: swagger-ui@4.1.0
Swagger/OpenAPI version: n/a

Content & configuration

Example Swagger/OpenAPI definition:

n/a

Swagger-UI configuration options:

import React from 'react';
import dynamic from 'next/dynamic';

const SwaggerUI = dynamic(
  () => import('swagger-ui-react'),
  { ssr: false }
);

import spec from '../swagger.yml';

const SwaggerComponent = () =>
  <SwaggerUI spec={spec} docExpansion="list" />

export default SwaggerComponent;

Describe the bug you're encountering

Using nextjs to build the script fails with:

wait - compiling /_error...
error - ./node_modules/swagger-ui-react/swagger-ui.js:8:19760
Module not found: Can't resolve 'isarray'

Import trace for requested module:
./node_modules/swagger-ui-react/index.js
./pages/index.jsx

To reproduce...

• git clone https://github.com/leocabeza/smashbros-unofficial-api
• npm install
• npm run dev
• In your browser, visit http://localhost:3000/

Expected behavior

I expect it to build

Screenshots

Additional context or thoughts

---

[adjenks]

I was going to recommend that you open a new ticket @leocabeza, but it looks like I can just reopen this one for you. You don't get a lot of attention asking questions on a closed ticket.

[ChristianDC13]

I solved it installing "isarray" by myself

[adjenks]

@ChristianDC13 That's what I did originally. I would call that a workaround though, not really a solution to the root problem.

[OnkelTem]

I'm getting it as well with swagger-ui-react 4.5.0