Giter VIP home page Giter VIP logo

single-spa-parcel-example's People

Contributors

a1285771357 avatar dependabot[bot] avatar guillembonet avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

single-spa-parcel-example's Issues

Run example in production with docker

Tried to run the example in production with docker but failing to load the React or Vue apps
image

another error when going to Vue app port directly
image

Docker version 19.03.1, build 74b1e89e8a
docker-compose version 1.24.1, build 4667896b

image

When running in development mode everything loads ok

Add example for `update` lifecycle updating parcel component's props

An example of how to handle passing props to parcel component when single-spa update lifecycle is triggered with new props would be great.

I'm passing the custom props to vue component like this:

import Vue from 'vue';
import singleSpaVue from 'single-spa-vue';
import App from '@/App.vue';

Vue.config.productionTip = false;

const vueLifecycles = singleSpaVue({
	Vue,
	async appOptions(props) {
		return render(h) {
			return h(App, {props});
		}
	},
});

export const { bootstrap, mount, unmount } = vueLifecycles;
export async function update(props) {
  // how to update props in render??
}

I need the props being passed to App to update, so that App is rerendered. How do I do that?

Not able to run example in local machine

While running example on local trying to run sample-vue and sample-vue-parcel using npm run serve getting following error
INFO Starting development server...
98% after emitting CopyPlugin

ERROR Failed to compile with 4 errors 4:10:19 PM

error in ./src/components/ParcelPage.vue

Module parse failed: Unexpected token (1:0)
File was processed with these loaders:

  • ./node_modules/eslint-loader/index.js
    You may need an additional loader to handle the result of these loaders.

|


|

This is a Vue App

@ ./src/main.js 16:0-53 33:15-25
@ multi (webpack)-dev-server/client?http://192.168.0.184:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

error in ./src/components/Home.vue

Module parse failed: Unexpected token (1:0)
File was processed with these loaders:

  • ./node_modules/eslint-loader/index.js
    You may need an additional loader to handle the result of these loaders.

|


|

This is a Vue app

@ ./src/main.js 9:0-41 25:15-19
@ multi (webpack)-dev-server/client?http://192.168.0.184:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

error in ./src/components/About.vue

Module parse failed: Unexpected token (1:0)
File was processed with these loaders:

  • ./node_modules/eslint-loader/index.js
    You may need an additional loader to handle the result of these loaders.

|


|

This is an About page

@ ./src/main.js 10:0-43 29:15-20
@ multi (webpack)-dev-server/client?http://192.168.0.184:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

error in ./src/App.vue

Module parse failed: Unexpected token (1:0)
File was processed with these loaders:

  • ./node_modules/eslint-loader/index.js
    You may need an additional loader to handle the result of these loaders.

|


|

@ ./src/main.js 7:0-28 40:15-18
@ multi (webpack)-dev-server/client?http://192.168.0.184:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

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.