Stack Overflow
Stack Overflow

Questions tagged [single-spa]

Questions related to usage and implementation of single-spa and related technologies such as import maps, SystemJS, webpack/rollup configuration, etc.

Website: https://single-spa.js.org

FAQ: https://single-spa.js.org/docs/faq/

Docs: https://single-spa.js.org/docs/getting-started-overview

More help: https://single-spa.js.org/help/

Source code: https://github.com/single-spa

217 questions
11
votes
0 answers

Single SPA + Vite - Cannot use import statement outside a module

I am using Typescript + Vite + Single SPA Just trying to replicate the https://github.com/joeldenning/vite-single-spa-example and https://github.com/joeldenning/vite-single-spa-root-config. Hence, in my index.ejs I have
Eduardo Sousa
  • 875
  • 10
  • 22
6
votes
1 answer

Cannot read properties of undefined (reading 'meta') in Vue 3 single-spa app

I am working on a micro-frontend project, using vue 3 and single-spa 5.9.3. I was trying to update one Micro-frontend npm packages to recent releases, it builds correctly but throws this error: "TypeError: application '@myapp/my-module' died in…
Salim Ben Hassine
  • 338
  • 1
  • 5
  • 19
6
votes
1 answer

Single-SPA localhost CROS origin Issue- React Application

I'm new to react..I have react application which i migrated to Single-SPA. To integrate my application with the master application(platform which has many Vue single-spa applications) i have re-structured as MainApp - It includes all the pages…
shridhar raju
  • 61
  • 1
  • 3
5
votes
4 answers

Unable to start a micro front-end app in single-SPA application

I am facing error while trying to start sub-app in Single-SPA application. Basically, I am trying to develop a kind of util app (sub app in Single-SPA) which contains Sockjs, Stomp-client etc. I have removed node modules and package-lock.json and…
Saiteja Kolan
  • 278
  • 1
  • 3
  • 9
4
votes
1 answer

Single-spa `cannot set properties of undefined` on hot reload

I'm using vue-2 project inside of single-spa application, and I'm getting this error on every HOT reload for the project. Although the reload itself seems to work fine.
Tomas Simanaitis
  • 53
  • 2
4
votes
0 answers

Multiple Vue Single SPA vs different versions of same component

I have multiple small Singla SPA Vue apps working together, there is also a NPM package with Vue components, some functions, etc. Basically that NPM package contains shared code used across all Single SPA apps. Now the problem is that if Single SPA…
Zixav
  • 131
  • 1
4
votes
3 answers

SVG files are emitted, but appear to be corrupted in a single-spa react module. How to load SVG files in single-spa projects?

I'm using single-spa for modular React app. I'm using Typescript, Webpack and svg-url-loader. The SVG appears to be generated and present ([hash].svg), but is not loaded correctly (you cannot see the image, just a placeholder). Here is my Webpack…
Danny Richard Aboo
  • 192
  • 2
  • 18
4
votes
2 answers

Karma throws "Module parse failed" when reading typescript

Repo with an example: https://github.com/OriolInvernonLlaneza/karma-webpack-error-example I had Karma + Jasmine tests running correctly with Angular 11 and Webpack 4. However, when trying to update Angular and Webpack to v12 and v5, I'm getting…
Oriol_IL
  • 120
  • 1
  • 14
4
votes
1 answer

how to share data across different micro apps in single-spa

I understand how to pass custom props to different micro apps when using single-spa but I want to know how I can take the output of an api call form app1 and use it in app2. app1 is using react-redux and app2 will be using react hooks. import…
shorif2000
  • 2,582
  • 12
  • 65
  • 137
4
votes
3 answers

sharing react between microfrontend bundles without CDN

I am building an app using a microfrontends architecture with the Single-Spa framework. I have: A root config web app: Defines the layout of the apps and includes each microfrontend as an NPM dependency N Microfrontends: React apps which are loaded…
sam
  • 2,469
  • 8
  • 37
  • 57
4
votes
1 answer

Is it possible to have nested application in single spa framework?

What i am looking at is having a angular microfront-end inside another react microfront-end, is this something we can achieve from single-spa
Anil Kumar
  • 51
  • 3
4
votes
1 answer

Browser refresh shows "page not found" error, when the single-spa application is deployed in the subdirectory

My single-spa contains 4 react applications. Each has its own react-router-dom. If I hit browser refresh from one of the 4 applications it says page not found. Application is deployed in the apache server in Linux OS. I don't know whether I'm…
satheesh
  • 403
  • 5
  • 15
3
votes
1 answer

Module build failed (from ./node_modules/ts-loader/index.js): Error: TypeScript emitted no output for

**Error** **ERROR in ./src/app-chat.tsx Module build failed (from ./node_modules/ts-loader/index.js): Error: TypeScript emitted no output for D:\React\kasper\new-kasper\kasper-ui-chat\chat\src\app-chat.tsx. at makeSourceMapAndFinish…
Zahar
  • 71
  • 1
  • 6
3
votes
0 answers

I just want to know how can I use tailwind with single-spa

How can I create a global style guide that can provide tailwind functionality to all my frameworks connected with root config
Albert
  • 39
  • 2
3
votes
0 answers

Single SPA - Handle error in nested micro front end

MFE = micro-front-end I'm trying to import 1 MFE to another MFE. MFE-food calls MFE-cart. When MFE-cart is down, there is an impact on MFE-food, my expectation is MFE should run properly. in root-config, I have added addErrorHandler(err => { if…
Vzans
  • 91
  • 1
  • 6
1
2 3
…
14 15