Giter VIP home page Giter VIP logo

Comments (4)

musicEnfanthen avatar musicEnfanthen commented on July 18, 2024

First guess: Circular dependencies (in regard to other issues reported on the web: https://stackoverflow.com/questions/60122727/referenceerror-cannot-access-player-before-initialization)

No, there are no circular dependencies in the EditionGraphModule according to analysis with madge:

madge --circular src/app/views/edition-view/edition-outlets/edition-graph/**.ts

from awg-app.

musicEnfanthen avatar musicEnfanthen commented on July 18, 2024

Tracked it down to N3. Removing the N3 import in the GraphVisualizerService, removes the error. But this is not a solution, since N3 is needed to parse the RDF input.

from awg-app.

musicEnfanthen avatar musicEnfanthen commented on July 18, 2024

After a long search, the issue seems to be related to the import of old stream package by N3. Replacing the stream imports with imports from readable-stream solves the issue. Manual changes in the following files of N3 node module package are necessary:

node_modules/N3/src/N3StreamParser.js  
                --> import { Transform } from 'readable-stream';

node_modules/N3/src/N3StreamWriter.js 
                --> import { Transform } from 'readable-stream';

node_modules/N3/src/N3Store.js
                --> import { Readable } from 'readable-stream';

Cf. DevExpress/devextreme-angular#776 (comment)

from awg-app.

musicEnfanthen avatar musicEnfanthen commented on July 18, 2024

Necessary steps:

  1. Add window globals in polyfills.ts
  2. Install @types/node as DevDependencies and add "node" to the types in tsconfig.{app/spec}.json
  3. Add readable-stream to the allowedCommonJsDependencies option in angular.json
  4. Manually change the N3 files that use imports from stream as explained above
  5. Import N3 in GraphService as follows: import * as N3 from 'n3'

from awg-app.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.