search

dsehnal / LiteMol

A library/plugin for handling 3D structural molecular data (not only) in the browser.
Other
157 stars 38 forks source link

error TS6200: Definitions of the following identifiers conflict with those in another file: #69

Open GabrielCabas opened 3 years ago

GabrielCabas commented 3 years ago

Hi, I'm really begginer using Litemol. I'm trying to use it on an angular app. I referenced the files in /dist on my index.html, I don't know if there's another way. I have this error: 

ERROR in src/assets/Litemol/js/LiteMol-core.d.ts:7:1 - error TS6200: Definitions of the following identifiers conflict with those in another file: PriorityQueue, ScheduledItem, CompositeDisposable, Disposable, SingleAssignmentDisposable, SerialDisposable, RefCountDisposable, Notification, Present, NotSpecified, Unknown, UndefinedColumn, ParserResult, ParserError, ParserSuccess, CategoryInstance, CategoryProvider, OutputStream, File, DataBlock, Category, Column, Writer, Encoder, VERSION, Encoding, Promise, Rx, CIF, Params, ShortStringPool, StructConnType, TokenRange, HelperData, MoleculeData, Header, CrystStructureInfo, SecondaryStructure, ModelData, ModelsData, Parser, mmCIF, mmBCIF, PDB, SDF, All, Field3DZYX, CCP4, immediate, clearImmediate, Computation, FastNumberParsers, DataTable, PerformanceMonitor, Matrix4, Vector3, Vector4, QueryFunc, LookupStructure, Index, IndexPair, Type, ComponentBondInfoEntry, ComponentBondInfo, PolyResidueIdentifier, None, Helix, Turn, Sheet, AminoSeq, Strand, SecondaryStructureElement, SymmetryInfo, AssemblyOperator, AssemblyGenEntry, AssemblyGen, AssemblyInfo, PositionTable, AtomTable, ResidueTable, ChainTable, EntityTable, BondTable, ModifiedResidueTable, Positions, Atoms, Residues, Chains, Entities, Bonds, ModifiedResidues, Operator, Computed, Single, Double, Triple, Aromatic, DisulfideBridge, Metallic, Ion, Hydrogen, Spacegroup, Query

7 declare namespace __LiteMolRx {
  ~~~~~~~

  src/assets/Litemol/js/LiteMol-plugin.d.ts:9:1
    9 declare namespace __LiteMolRx {
      ~~~~~~~
    Conflicts are in this file.
src/assets/Litemol/js/LiteMol-core.d.ts:1449:9 - error TS2323: Cannot redeclare exported variable 'VERSION'.

1449     var VERSION: {
             ~~~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:9:1[0m - error TS6200: Definitions of the following identifiers conflict with those in another file: PriorityQueue, ScheduledItem, CompositeDisposable, Disposable, SingleAssignmentDisposable, SerialDisposable, RefCountDisposable, Notification, Present, NotSpecified, Unknown, UndefinedColumn, ParserResult, ParserError, ParserSuccess, CategoryInstance, CategoryProvider, OutputStream, File, DataBlock, Category, Column, Writer, Encoder, VERSION, Encoding, Promise, Rx, CIF, Params, ShortStringPool, StructConnType, TokenRange, HelperData, MoleculeData, Header, CrystStructureInfo, SecondaryStructure, ModelData, ModelsData, Parser, mmCIF, mmBCIF, PDB, SDF, All, Field3DZYX, CCP4, immediate, clearImmediate, Computation, FastNumberParsers, DataTable, PerformanceMonitor, Matrix4, Vector3, Vector4, QueryFunc, LookupStructure, Index, IndexPair, Type, ComponentBondInfoEntry, ComponentBondInfo, PolyResidueIdentifier, None, Helix, Turn, Sheet, AminoSeq, Strand, SecondaryStructureElement, SymmetryInfo, AssemblyOperator, AssemblyGenEntry, AssemblyGen, AssemblyInfo, PositionTable, AtomTable, ResidueTable, ChainTable, EntityTable, BondTable, ModifiedResidueTable, Positions, Atoms, Residues, Chains, Entities, Bonds, ModifiedResidues, Operator, Computed, Single, Double, Triple, Aromatic, DisulfideBridge, Metallic, Ion, Hydrogen, Spacegroup, Query

9 declare namespace __LiteMolRx {
  ~~~~~~~

  src/assets/Litemol/js/LiteMol-core.d.ts:7:1
    7 declare namespace __LiteMolRx {
      ~~~~~~~
    Conflicts are in this file.
src/assets/Litemol/js/LiteMol-plugin.d.ts:9881:9 - error TS2323: Cannot redeclare exported variable 'VERSION'.

9881     var VERSION: {
             ~~~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:10748:11 - error TS2649: Cannot augment module 'StructConn' with value exports because it resolves to a non-module entity.

10748     class StructConn {
                ~~~~~~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:13973:26 - error TS2304: Cannot find name 'ReactDOM'.

13973 declare type RD = typeof ReactDOM;
                               ~~~~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:13974:25 - error TS2304: Cannot find name 'React'.

13974 declare type R = typeof React;
                              ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:13994:22 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

13994         onClick: (e: React.MouseEvent<HTMLButtonElement> | React.TouchEvent<HTMLButtonElement>) => void;
                           ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:13994:60 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

13994         onClick: (e: React.MouseEvent<HTMLButtonElement> | React.TouchEvent<HTMLButtonElement>) => void;
                                                                 ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14008:19 - error TS2503: Cannot find namespace 'JSX'.

14008         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14014:27 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14014         onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
                                ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14015:3m23 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14015         onBlur?: ((e: React.FormEvent<HTMLInputElement>) => void) | undefined;
                            ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14017:11 - error TS2503: Cannot find namespace 'JSX'.

14017     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14018:25 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14018     function isEnter(e: React.KeyboardEvent<HTMLInputElement>): boolean;
                              ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14024:23 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14024         onEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
                            ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14026:9 - error TS2503: Cannot find namespace 'JSX'.

14026     }): JSX.Element;
              ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14033:11 - error TS2503: Cannot find namespace 'JSX'.

14033     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14039:11 - error TS2503: Cannot find namespace 'JSX'.

14039     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14043:11 - error TS2503: Cannot find namespace 'JSX'.

14043     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14048:11 - error TS2503: Cannot find namespace 'JSX'.

14048     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14051:27 - error TS2503: Cannot find namespace 'JSX'.

14051         content: string | JSX.Element;
                                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14052:11 - error TS2503: Cannot find namespace 'JSX'.

14052     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14065:19 - error TS2503: Cannot find namespace 'JSX'.

14065         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14074:9 - error TS2503: Cannot find namespace 'JSX'.

14074     }): JSX.Element;
              ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14085:26 - error TS2503: Cannot find namespace 'JSX'.

14085         topRightAction?: JSX.Element;
                               ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14088:19 - error TS2503: Cannot find namespace 'JSX'.

14088         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14096:11 - error TS2503: Cannot find namespace 'JSX'.

14096     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14118:19 - error TS2503: Cannot find namespace 'JSX'.

14118         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14121:19 - error TS2503: Cannot find namespace 'JSX'.

14121         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14138:18 - error TS2503: Cannot find namespace 'JSX'.

14138         handle?: JSX.Element;
                       ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14161:25 - error TS2536: Type '"state"' cannot be used to index type 'this'.

14161         onChange(state: this['state']): void;
                              ~~~~~~~~~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14190:19 - error TS2503: Cannot find namespace 'JSX'.

14190         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14208:19 - error TS2503: Cannot find namespace 'JSX'.

14208         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14219:19 - error TS2503: Cannot find namespace 'JSX'.

14219         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14226:23 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14226         onEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
                            ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14227:9 - error TS2503: Cannot find namespace 'JSX'.

14227     }): JSX.Element;
              ~~~
msrc/assets/Litemol/js/LiteMol-plugin.d.ts:14263:19 - error TS2503: Cannot find namespace 'JSX'.

14263         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14282:33 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14282         protected applyEnter(e: React.KeyboardEvent<HTMLElement>): void;
                                      ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14283:19 - error TS2503: Cannot find namespace 'JSX'.

14283         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14286:37 - error TS2503: Cannot find namespace 'JSX'.

14286         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14289:19 - error TS2503: Cannot find namespace 'JSX'.

14289         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14294:11 - error TS2503: Cannot find namespace 'JSX'.

14294     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14297:19 - error TS2503: Cannot find namespace 'JSX'.

14297         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14300:19 - error TS2503: Cannot find namespace 'JSX'.

14300         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14306:37 - error TS2503: Cannot find namespace 'JSX'.

14306         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14309:37 - error TS2503: Cannot find namespace 'JSX'.

14309         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14314:37 - error TS2503: Cannot find namespace 'JSX'.

14314         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14319:37 - error TS2503: Cannot find namespace 'JSX'.

14319         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14325:37 - error TS2503: Cannot find namespace 'JSX'.

14325         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14328:37 - error TS2503: Cannot find namespace 'JSX'.

14328         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14331:37 - error TS2503: Cannot find namespace 'JSX'.

14331         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14334:37 - error TS2503: Cannot find namespace 'JSX'.

143340m         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14337:37 - error TS2503: Cannot find namespace 'JSX'.

14337         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14340:37 - error TS2503: Cannot find namespace 'JSX'.

14340         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14343:37 - error TS2503: Cannot find namespace 'JSX'.

14343         protected renderControls(): JSX.Element | undefined;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14346:37 - error TS2503: Cannot find namespace 'JSX'.

14346         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14349:37 - error TS2503: Cannot find namespace 'JSX'.

14349         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14352:37 - error TS2503: Cannot find namespace 'JSX'.

14352         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14360:37 - error TS2503: Cannot find namespace 'JSX'.

14360         protected renderControls(): JSX.Element;
                                          ~~~0m
src/assets/Litemol/js/LiteMol-plugin.d.ts:14363:27 - error TS2503: Cannot find namespace 'JSX'.

14363         renderControls(): JSX.Element;
                                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14369:37 - error TS2503: Cannot find namespace 'JSX'.

14369         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14374:37 - error TS2503: Cannot find namespace 'JSX'.

14374         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14380:37 - error TS2503: Cannot find namespace 'JSX'.

14380         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14384:90 - error TS2503: Cannot find namespace 'JSX'.

14384     function optionsControls(controller: Bootstrap.Components.Transform.MoleculeLabels): JSX.Element[];
                                                                                               ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14392:19 - error TS2503: Cannot find namespace 'JSX'.

14392         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14397:19 - error TS2503: Cannot find namespace 'JSX'.

14397         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14400:19 - error TS2503: Cannot find namespace 'JSX'.

14400         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14405:19 - error TS2503: Cannot find namespace 'JSX'.

14405         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14412:11 - error TS2503: Cannot find namespace 'JSX'.

14412     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14419:19 - error TS2503: Cannot find namespace 'JSX'.

14419         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14426:11 - error TS2503: Cannot find namespace 'JSX'.

14426     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14434:19 - error TS2503: Cannot find namespace 'JSX'.

14434         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14443:19 - error TS2503: Cannot find namespace 'JSX'.

14443         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14446:30 - error TS2503: Cannot find namespace 'JSX'.

14446         const General: () => JSX.Element;
                                   ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14447:27 - error TS2503: Cannot find namespace 'JSX'.

14447         const Info: () => JSX.Element;
                                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14460:19 - error TS2503: Cannot find namespace 'JSX'.

14460         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14463:19 - error TS2503: Cannot find namespace 'JSX'.

14463         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14465:23 - error TS2503: Cannot find namespace 'JSX'.

14465     const Logo: () => JSX.Element;
                            ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14478:26 - error TS2503: Cannot find namespace 'JSX'.

14478         renderMissing(): JSX.Element;
                               ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14481:19 - error TS2503: Cannot find namespace 'JSX'.

14481         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14489:15 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14489         view: React.ComponentClass<any>;
                    ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14502:19 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14502             view: React.ComponentClass<any>;
                        ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14509:19 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14509             view: React.ComponentClass<any>;
      1m                  ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14516:19 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14516             view: React.ComponentClass<any>;
                        ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14523:19 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14523             view: React.ComponentClass<any>;
                        ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14532:19 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14532             view: React.ComponentClass<any>;
                        ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14541:19 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14541             view: React.ComponentClass<any>;
                        ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14550:19 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14550             view: React.ComponentClass<any>;
                        ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14557:19 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14557             view: React.ComponentClass<any>;
                        ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14564:27 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14564     type ViewDefinition = React.ComponentClass<{
                                ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:1:23 - error TS2688: Cannot find type definition file for 'react'.

1 /// <reference types='react' />
                        ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:2:23 - error TS2688: Cannot find type definition file for 'react-dom'.

2 /// <reference types='react-dom' />
                        ~~~~~~~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:218:37 - error TS2503: Cannot find namespace 'JSX'.

218         protected renderControls(): JSX.Element;
                                        ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:234:37 - error TS2503: Cannot find namespace 'JSX'.

234         protected renderControls(): JSX.Element;
                                        ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:409:27 - error TS2503: Cannot find namespace 'JSX'.

409         renderControls(): JSX.Element;
                              ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:439:27 - error TS2503: Cannot find namespace 'JSX'.

439         renderControls(): JSX.Element;
                              ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:444:37 - error TS2503: Cannot find namespace 'JSX'.

444         protected renderControls(): JSX.Element;
                                        ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:614:37 - error TS2503: Cannot find namespace 'JSX'.

614         protected renderControls(): JSX.Element;
                                        ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:617:37 - error TS2503: Cannot find namespace 'JSX'.

617         protected renderControls(): JSX.Element;
                                        ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:622:37 - error TS2503: Cannot find namespace 'JSX'.

622         protected renderControls(): JSX.Element;
                                        ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:627:37 - error TS2503: Cannot find namespace 'JSX'.

627         protected renderControls(): JSX.Element;
                                        ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:635:37 - error TS2503: Cannot find namespace 'JSX'.

635         protected renderControls(): JSX.Element;
                                        ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:1:23 - error TS2688: Cannot find type definition file for 'react'.

1 /// <reference types="react" />
                        ~~~~~
GabrielCabas commented 3 years ago

My index.html is something like this.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>VHL-Hunter</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>  
  <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
  <link rel="stylesheet" href="./assets/LiteMol/css/LiteMol-plugin.css" type="text/css" />
  <script src="./assets/LiteMol/js/LiteMol-plugin.js"></script>
</head>
<body class="mat-typography">
  <app-root></app-root>
</body>
</html>

And I'm using the plugin on a component:

ngOnInit(){
this.plugin = LiteMol.Plugin.create({
      target: '#structure',
      viewportBackground: 'black',
      layoutState: {
          isExpanded: false,
          hideControls: true
      },
    });
};
Render(){
    this.plugin.loadMolecule({
        id: '1lm8.pdb',
        url: 'http://localhost:3800/api/getPdb/',
        format: 'pdb' // default
    });
  }
dsehnal commented 3 years ago

Hi Gabriel, LiteMol development has shifted to the Mol* project. I recommend you try using that.