Comments (8)
Update:
Using the latest code from main 8.0.0 alpha.25 (#8)
I ran the following to get further
# from the root directory
yarn install
yarn workspace @flowmap.gl/webpack-app start
this results in the following error in the browser js console. The background map shows up but errors prevent the flowmap layer showing up.
deck.js:87 Error: initialization of FlowLinesLayer({id: 'my-flowmap-layer-flow-lines'}): Model needs a program
at assert (assert.js:3:1)
at Model._checkProgram (model.js:396:11)
at Model.initialize (model.js:64:1)
at new Model (model.js:24:1)
at FlowLinesLayer._getModel (FlowLinesLayer.js:165:1)
at FlowLinesLayer.updateState (FlowLinesLayer.js:138:29)
at FlowLinesLayer._updateState (layer.js:718:1)
at FlowLinesLayer._initialize (layer.js:690:1)
at LayerManager._initializeLayer (layer-manager.js:241:1)
at LayerManager._updateSublayersRecursively (layer-manager.js:210:1)
from flowmap.gl.
This is related: visgl/luma.gl#1587
from flowmap.gl.
Hi @AlanMcCann, I just noticed that the deck.gl examples have been updated to use vite instead of webpack. Maybe that's an option for you to try.
from flowmap.gl.
Thanks. I will try that! I appreciate the heads up!
from flowmap.gl.
Can the vite resolve this issue? I have the same problem: check program failed with webpack4
from flowmap.gl.
Hi there, I'm also experiencing the same issue
deck: initialization of CompositeLayer({id: 'my-flowmap-layer'}): dataProvider.updateLayersData is not a function
I inspected the dataProvider
the layer created and none of the functions defined were present on the object at all. I duplicated the class LocalFlowmapDataProvider
into my project and that made the above error go away but a new one took it's place (I can't recall what it was exactly, but another null reference error).
I cloned the repository locally, built it successfully, and used npm link
to define the project locally. This worked with no errors and I was able to display the flowmap perfectly. I'm not 100% sure, but it seems like the published data
entrypoint library has an issue?
from flowmap.gl.
I cloned the repository locally, built it successfully, and used
npm link
to define the project locally. This worked with no errors and I was able to display the flowmap perfectly. I'm not 100% sure, but it seems like the publisheddata
entrypoint library has an issue?
That's interesting. So you get no errors when you npm link
flowmap.gl in your app while it fails when you use flowmap.gl from npm, right? I wonder what might be different when you build locally. Do you bundle your main app with webpack?
I hope to publish a new release in the next few days with all the deps updated. Maybe it helps to resolve the issue.
from flowmap.gl.
That's interesting. So you get no errors when you
npm link
flowmap.gl in your app while it fails when you use flowmap.gl from npm, right? I wonder what might be different when you build locally.
Yes that's correct. I should also mention I used npm link
to link the data
entrypoint to the layers
entrypoint before building it. But Git reports no changes in my local copy either.
Do you bundle your main app with webpack?
It's an Angular project so I believe that uses webpack under the hood. For deck.gl examples, I usually use the vanilla html ones as a reference as it's easier to convert to Angular.
When you release a new version, I can try the published npm build again and let you know if that fixes things.
from flowmap.gl.
Related Issues (13)
- Installation HOT 1
- Next.js: SyntaxError: Unexpected token 'export' HOT 6
- Fetching all the children of a picked node or link HOT 2
- this.accessors.getLocationCentroid is not a function at FlowMapAggregateAccessors.getLocationCentroid (FlowMapAggregateAccessors.js?3933:20:1) HOT 4
- dataProvider.updateLayersData is not a function HOT 4
- Force flow line to always display ? HOT 1
- Custom location colors HOT 1
- Timeline react component library.
- Importing error HOT 2
- @flowmap.gl/data latest vertion not match HOT 4
- clusteringEnabled:false error HOT 5
- [Feat] Add force directed flow paths HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from flowmap.gl.