Skip to content

[Frontend] Webpack build fails with SyntaxError referencing root package-lock.json #949

Description

@ayomideadeniran

🚀 Feature Overview

The frontend Next.js webpack build fails with SyntaxError: Unexpected token when compiling recharts/es6/util/ReactUtils.js and SorobanCompletion.ts. The error traces back to the root package-lock.json file being read as JSON but having binary/null content.

🛠️ Implementation Requirements

  • Fix the root cause of the webpack build failure (likely the orphaned package-lock.json at root)
  • Verify recharts import in PerformanceMetricsDashboard.tsx compiles correctly
  • Verify SorobanCompletion.ts and SorobanLanguage.ts in src/lib/editor/ compile correctly
  • Fix the PeerReviewDashboard.tsx import chain that also fails

🔧 Technical Specifications

Next.js 16, webpack, TypeScript, recharts

Acceptance Criteria

  • npm run build in the frontend directory completes without webpack errors
  • Performance metrics, peer review, and code editor pages load correctly

🎓 Difficulty Level

Intermediate

⏱️ Timeline

ETA: 1 day

Metadata

Metadata

Assignees

Labels

Stellar WaveIssues in the Stellar wave programbugSomething isn't workingfrontendFrontend related issues

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions