The link to the huge apps example on this page results in a 404. It should be linking to the 1.0.x branch of the react-router repo since they removed all the examples from master. I can go ahead and submit a PR for this fix.

Even though this project doesn't separate child apps into separate code repositories, that does not mean that it isn't possible. See #7 (comment) where @mirandaleandro said

I recommend having at least in comment on the single-spa-examples.js making it explicit that the app code can live anywhere and that System.import will handle it. It just occurred to me that even though this is obvious, you will be dealing with people accessing that code with various skill levels.

I was surfing single-spa.surge.sh
and got this error in web console
GET https://single-spa.surge.sh/build/vanillajs/node_modules/todomvc-common/base.js net::ERR_ABORTED 404 (Not Found)

I am getting build error while running the single-spa-examples code.
The Webpack example runs nicely but getting issue when 2 versions of angular are added.
Can you explain a bit on single-spa-examples or how to use multiple versions of angular in
simple-single-spa-webpack-example. I didnt get how to create seperate package.json.

Thanks in advance

For some reason, plugin-babel is being downloaded at runtime, but it should only be used at build-time. I believe that the navbar app is the culprit. Once plugin-babel isn't downloaded at runtime, the jspm_packages directory can be ignored from surge completely.

Lastest deploy of https://single-spa.surge.sh/# is only loading a single child application (navbar)

Looking at the deployed file for single-spa-examples.js I see this:

import * as singleSpa from 'single-spa';

singleSpa.declareChildApplication('navbar', () => SystemJS.import('/build/navbar.app.js'), () => true);
// singleSpa.declareChildApplication('home', () => SystemJS.import('/build/home.app.js'), () => location.hash === "" || location.hash === "#");
// singleSpa.declareChildApplication('angular1', () => SystemJS.import('/build/angular1.app.js'), hashPrefix('/angular1'));
// singleSpa.declareChildApplication('react', () => SystemJS.import('/build/react.app.js'), hashPrefix('/react'));
// singleSpa.declareChildApplication('angular2', () => SystemJS.import('/build/angular2.app.js'), hashPrefix('/angular2'));
//
singleSpa.start();

function hashPrefix(prefix) {
	return function() {
		return window.location.hash.indexOf(`#${prefix}`) === 0;
	}
}

I'm guessing they were commented out for development and ran surge command while they were commented out.

See https://medium.com/@tomsoderlund/bret-i-must-say-single-spa-is-the-best-solution-for-micro-frontends-ive-seen-so-far-fb1693b485de. We should add an ember example, which may include publishing a single-spa-ember helper library.

in thie demo, we can see, when we switched to angularjs tab, the page concludes two parts, angularjs app and angular app. when we open f12 tools, we can see when switch between angularjs tab and angular tab, the angular app does not unmount. can you help with this issue?

single-spa is very promising library for our microservices architecture and i have been trying to implement it for a few days.But while cloning this repo and running after npm install it throws errors like SystemJS not found(GET /build/system-polyfills.src.js" Error (404): "Not found" , GET /build/common-deps.js" Error (404): "Not found" , GET /build/system.src.js" Error (404): "Not found" , GET /build/shared.src.js" Error (404): "Not found"

Describe the bug or question
The site https://single-spa.surge.sh/react loads very slowly, Seems to download ~7.7MB over 30 seconds on the initial request, which is very bad for the public relations of this software.
Additionally, react-devtools alerts that this site is using development build of react

To Reproduce

1. Open the URL in chrome while chrome devtools is open
2. Go to network tab
3. Hit Ctrl + shift + R
4. Open react devtools and look at the message

Expected behavior
A clear and concise description of what you expect or hope to happen.

Screenshots and/or console output

Additional context
I thought about showing this software to my team, but the page took more than 30 seconds to load on my laptop, which was very embarrassing.

See #7 (comment)
I recommend having an example of an iframe app. This may sound stupid, but it might propose the usage of single-spa as a platform for integration of apps that can be built in any technology.

Webpack is much more popular and is sort of the community standard. It might make things easier for people to understand and use if webpack is used in this repo rather than jspm

See #7 (comment)

if you first go to the phone list, then click on a phone, and then click on the link at the top to go back to the phone list, you don't actually get sent back to the phone list, despite the url changing.

At least the following should be explained.

1. Why we import 'app.module.js' before './routes.js'
2. Why a global angular variable is being used (ui-router's fault)

This will be a little easier to read. See #7 (comment)

Cannot GET /build/vanillajs/index.html

Love the idea, and the examples. Would it make sense to add end-to-end tests using Cypress.io for this repo?

• Make it a toggle/switch instead of a menu link (see Switch section in http://materializecss.com/forms.html)
• Have it on by default for all pages except the home page.

See #7 (comment)

Now that @pcmnac has created the helper library https://github.com/pcmnac/single-spa-cycle, we should add cyclejs to single-spa-examples.

Surge supports adding a CORS file. I'll submit a pull request to add a CORS file.

Basically I'd like to ensure my parent application is set up correctly. If I add a CORS file to the deploy on surge then I can pull the deployed file as a child application of my local application to ensure I set it up correctly.

Would love to use this but reverting our existing codebase from latest versions of webpack and babel to older versions (webpack 3 and babel 6) is a tough sell

Ideally, Single-spa app loader would not need to rely on static build time to get new app. I would like to release a build for application A, while not having to do any build for application B. Does single spa allow for this, or would we need to re-build the entire platform whenever an app is updated?

The overlay appears, but the side nav doesn't slide open. I'm currently working on a fix for this.

See #7 (comment)

A graphic designer has graciously volunteered her time to help design single-spa's website. Once that is completed, we should switch this project to use that branding

See #35 and 5f51433#diff-b9cfc7f2cdf78a7f4b91a753d10865a2R40. [email protected] is much different than [email protected] because it uses a whole rewritten systemjs. We should upgrade single-spa-examples to use the latest

All examples seem to be with webpack. How would we build the apps when they reside in different repos? Any help or suggestions is appreciated. Thx!

Specifically the navbar should work on mobile

Need some feedback on how helpful the demo is and where it could be improved.

See #7 (comment)

the jspm-with-angular-1.3.0 app doesn't load in that circumstance.

https://single-spa.surge.sh/#/angular1

Cloned the github repo instead of following the one in README as it errors out as well, but when I do yarn build, I ran into the following error, what could be the issue? I already reinstalled nodejs to be the latest LTS:

yarn run v1.9.4
$ rimraf build && yarn ember-install && yarn build-ember && yarn build-vanilla && yarn build-webpack
$ cd src/ember-app && yarn && cd ../..
warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
[1/5] Validating package.json...
[2/5] Resolving packages...
[3/5] Fetching packages...
info [email protected]: The platform "win32" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[4/5] Linking dependencies...
warning " > [email protected]" has unmet peer dependency "ember-inflector@^2.0.0".
[5/5] Building fresh packages...
$ bower install
$ cd src/ember-app && ember build --output-path ../../build/ember-app/ --environment production && cd ../..
cleaning up...
Build failed.
Build Canceled: Broccoli Builder ran into an error with Funnel plugin. 💥
ENOENT: no such file or directory, lstat 'C:\Users\XXX\VuePwa\single-spa-examples\src\ember-app\tmp\funnel-input_base_path-WvLdHVls.tmp\bower_components\single-spa-ember\amd\single-spa-ember.js'
Error: ENOENT: no such file or directory, lstat 'C:\Users\XXX\VuePwa\single-spa-examples\src\ember-app\tmp\funnel-input_base_path-WvLdHVls.tmp\bower_components\single-spa-ember\amd\single-spa-ember.js'
at Object.fs.lstatSync (fs.js:941:11)
at symlinkWindows (C:\Users\XXX\VuePwa\single-spa-examples\src\ember-app\node_modules\symlink-or-copy\index.js:106:25)
at Function.symlinkOrCopySync [as sync] (C:\Users\XXX\VuePwa\single-spa-examples\src\ember-app\node_modules\symlink-or-copy\index.js:63:5)
at Funnel._copy (C:\Users\XXX\VuePwa\single-spa-examples\src\ember-app\node_modules\broccoli-funnel\index.js:492:19)
at Funnel.processFile (C:\Users\XXX\VuePwa\single-spa-examples\src\ember-app\node_modules\broccoli-funnel\index.js:475:8)
at Funnel.applyPatch [as _applyPatch] (C:\Users\XXX\VuePwa\single-spa-examples\src\ember-app\node_modules\broccoli-funnel\index.js:389:12)
at Funnel. (C:\Users\XXX\VuePwa\single-spa-examples\src\ember-app\node_modules\broccoli-funnel\index.js:343:10)
at Array.forEach ()
at Funnel.processFilters (C:\Users\XXX\VuePwa\single-spa-examples\src\ember-app\node_modules\broccoli-funnel\index.js:342:11)
at Funnel.build (C:\Users\XXX\VuePwa\single-spa-examples\src\ember-app\node_modules\broccoli-funnel\index.js:258:10)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Navigation routing changes can not change page changes of react.
导航的路由跳转不能改变react的页面跳转

Fails after installation in the build script, the log says:

./bin/build-code
"." it is not recognized as an internal or external command, program or batch file executable.

I'm with windows operating system.

Adding lint like JSCS to homogeneizar coding.
Do you think is it a good idea?

I've recently added a single-spa-hyperapp plugin to enable Hyperapp-based apps to work with single-spa

Do you think it worth adding it to the demo ?

How would this work in production? If I have apps in different repos, I need to build (i.e. ng build --prod) which produces bundled files with random names, and then dump the output into respective folders. Also what's up with the reference to .ts files?

See single-spa/single-spa-angular@8a8b09c.

I think the idea is to help people understand that you can have lots of apps going on at once, and give them an idea of how that would work.

Could have somethign to do with popstate/hashchange events.

After cloning the repository I tried to run npm install and it shows this error:

npm ERR! code ENOLOCAL
npm ERR! Could not install from "../single-spa-ember" as it does not contain a package.json file.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/alexandermiller/.npm/_logs/2017-10-04T11_10_23_444Z-debug.log

logfile:

0 info it worked if it ends with ok
1 verbose cli [ '/usr/local/Cellar/node/8.4.0/bin/node',
1 verbose cli   '/usr/local/bin/npm',
1 verbose cli   'i' ]
2 info using [email protected]
3 info using [email protected]
4 verbose npm-session 2ed2f1c1bfd788d6
5 silly install runPreinstallTopLevelLifecycles
6 silly preinstall single-spa-examples@
7 info lifecycle single-spa-examples@~preinstall: single-spa-examples@
8 silly install loadCurrentTree
9 silly install readLocalPackageData
10 silly install loadIdealTree
11 silly install cloneCurrentTreeToIdealTree
12 silly install loadShrinkwrap
13 silly fetchPackageMetaData error for single-spa-ember@file:../single-spa-ember Could not install from "../single-spa-ember" as it does not contain a package.json file.
14 verbose stack Error: ENOENT: no such file or directory, open '/Users/alexandermiller/dev/Projects/single-spa-ember/package.json'
15 verbose cwd /Users/alexandermiller/dev/Projects/single-spa-examples
16 verbose Darwin 16.6.0
17 verbose argv "/usr/local/Cellar/node/8.4.0/bin/node" "/usr/local/bin/npm" "i"
18 verbose node v8.4.0
19 verbose npm  v5.4.2
20 error code ENOLOCAL
21 error Could not install from "../single-spa-ember" as it does not contain a package.json file.
22 verbose exit [ 1, true ]

Hope someone can help with this issue.

Sincerely,
Alex

See #7 (comment)
I recommend inviting the user to refresh the page so he can tell that single-spa survives that just fine.