May I plugin swagger-editor to my angular web?

[yulogs]

I want to plugin to my angular 5 web project, but not work,
I add swagger-editor to package.json like:
"swagger-editor-dist": "^3.3.1",

And import to my Component like:
`
import {SwaggerUIBundle, SwaggerUIStandalonePreset} from 'swagger-ui-dist';

ngAfterViewInit() {

    const editor = SwaggerEditorBundle({
        domNode: this.el.nativeElement.querySelector('.swagger-container'),
        layout: 'StandaloneLayout',
        presets: [
          SwaggerEditorStandalonePreset
        ]
    });
}

`
Then many error like:
Myproject\src\traverse doesn't exist

May I plugin swagger-editor to my angular web?

[shockey]

@yulogs yes, this should be working - what error messages are you seeing?

[yulogs]

This is my error:

/MyProject/ERROR in ./node_modules/swagger-editor-dist/swagger-editor.js
Module not found: Error: Can't resolve 'brace' in '/MyProject/node_modules/swagger-editor-dist'
resolve 'brace' in '/MyProject/node_modules/swagger-editor-dist'
Parsed request is a module
using description file: /MyProject/node_modules/swagger-editor-dist/package.json (relative path: .)
Field 'browser' doesn't contain a valid alias configuration
after using description file: /MyProject/node_modules/swagger-editor-dist/package.json (relative path: .)
resolve as module
/MyProject/node_modules/swagger-editor-dist/node_modules doesn't exist or is not a directory
/MyProject/node_modules/node_modules doesn't exist or is not a directory
/MyProject/node_modules doesn't exist or is not a directory
/MyProject/node_modules doesn't exist or is not a directory
/MyProject/node_modules doesn't exist or is not a directory
/MyProject/node_modules doesn't exist or is not a directory
/MyProject/node_modules doesn't exist or is not a directory
/node_modules doesn't exist or is not a directory
looking for modules in /MyProject/node_modules
using description file: /MyProject/package.json (relative path: ./node_modules)
Field 'browser' doesn't contain a valid alias configuration
after using description file: /MyProject/package.json (relative path: ./node_modules)
using description file: /MyProject/package.json (relative path: ./node_modules/brace)
no extension
Field 'browser' doesn't contain a valid alias configuration
/MyProject/node_modules/brace doesn't exist
.ts
Field 'browser' doesn't contain a valid alias configuration
/MyProject/node_modules/brace.ts doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
/MyProject/node_modules/brace.js doesn't exist
as directory
/MyProject/node_modules/brace doesn't exist
looking for modules in /MyProject/node_modules
using description file: /MyProject/package.json (relative path: ./node_modules)
Field 'browser' doesn't contain a valid alias configuration
after using description file: /MyProject/package.json (relative path: ./node_modules)
using description file: /MyProject/package.json (relative path: ./node_modules/brace)
no extension
Field 'browser' doesn't contain a valid alias configuration
/MyProject/node_modules/brace doesn't exist
.ts
Field 'browser' doesn't contain a valid alias configuration
/MyProject/node_modules/brace.ts doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
/MyProject/node_modules/brace.js doesn't exist
as directory
/MyProject/node_modules/brace doesn't exist
looking for modules in /MyProject/src
using description file: /MyProject/package.json (relative path: ./src)
Field 'browser' doesn't contain a valid alias configuration
after using description file: /MyProject/package.json (relative path: ./src)
using description file: /MyProject/package.json (relative path: ./src/brace)
no extension
Field 'browser' doesn't contain a valid alias configuration
/MyProject/src/brace doesn't exist
.ts
Field 'browser' doesn't contain a valid alias configuration
/MyProject/src/brace.ts doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
/MyProject/src/brace.js doesn't exist
as directory
/MyProject/src/brace doesn't exist
looking for modules in /MyProject/src
using description file: /MyProject/package.json (relative path: ./src)
Field 'browser' doesn't contain a valid alias configuration
after using description file: /MyProject/package.json (relative path: ./src)
using description file: /MyProject/package.json (relative path: ./src/brace)
no extension
Field 'browser' doesn't contain a valid alias configuration
/MyProject/src/brace doesn't exist
.ts
Field 'browser' doesn't contain a valid alias configuration
/MyProject/src/brace.ts doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
/MyProject/src/brace.js doesn't exist
as directory
/MyProject/src/brace doesn't exist
[/MyProject/node_modules/swagger-editor-dist/node_modules]

[shockey]

Hey @yulogs, looks like this may be coming from Angular itself: angular/angular-cli#8036

[shockey]

Closing due to inactivity.

This is simply to keep our issue tracker clean - feel free to comment if there are any further thoughts or concerns, and we'll be happy to reopen this issue.