Code Monkey home page Code Monkey logo

Comments (6)

ScriptedAlchemy avatar ScriptedAlchemy commented on June 11, 2024 1

use runtime plugins

https://module-federation.io/plugin/dev/index.html

or check the runtime-plugins folder in this repo

from module-federation-examples.

dassum03-BH avatar dassum03-BH commented on June 11, 2024

use runtime plugins

https://module-federation.io/plugin/dev/index.html

or check the runtime-plugins folder in this repo

image

Getting this error..
Another question: does this work with old module federation plugin?

This is my webpack.config.js:

const { ModuleFederationPlugin } = require('@module-federation/enhanced');
const path = require('path');

module.exports = {
plugins: [
new ModuleFederationPlugin({
name: 'Risk-History',
exposes: {
'./Component': './src/app/risk-history-std/risk-history-std.component.ts',
'./TableComponent': './src/app/table-widget/table-widget.component.ts',
'./GaugeComponent': './src/app/health-status/health-status.component.ts',
},
runtimePlugins: [require.resolve('./custom-runtime-plugin.js')]
})
],
};

@ScriptedAlchemy some help please

from module-federation-examples.

ScriptedAlchemy avatar ScriptedAlchemy commented on June 11, 2024

What version of federation/enhanced are you using?

Can you create a repo i can debug - this error should not happen

from module-federation-examples.

dassum03-BH avatar dassum03-BH commented on June 11, 2024

What version of federation/enhanced are you using?

Can you create a repo i can debug - this error should not happen

Sharing a repo might not be possible since this is org internal repo.. but here are the dependencies:

"dependencies": {
"@angular-architects/module-federation": "^15.0.3",
"@angular/animations": "^15.2.0",
"@angular/common": "^15.2.0",
"@angular/compiler": "^15.2.0",
"@angular/core": "^15.2.0",
"@angular/elements": "^15.2.9",
"@angular/forms": "^15.2.0",
"@angular/material": "^15.2.0",
"@angular/platform-browser": "^15.2.0",
"@angular/platform-browser-dynamic": "^15.2.0",
"@angular/router": "^15.2.0",
"@bh-ent-tech/bh-utils": "^1.0.4",
"@bh-ent-tech/controls-lib-cordant-2.0": "0.0.4",
"@bh-ent-tech/plotly-charts": "4.0.8",
"@module-federation/enhanced": "^0.1.8",
"@module-federation/runtime": "^0.1.8",
"express": "^4.18.2",
"http-proxy-middleware": "^2.0.6",
"ngx-gauge": "^7.1.0",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"zone.js": "~0.12.0"
},
"devDependencies": {
"@angular-devkit/build-angular": "^15.2.9",
"@rspack/cli": "^0.6.2",
"@rspack/core": "^0.6.2",
"@rspack/dev-server": "^0.6.2",
"@angular/cli": "~15.2.9",
"@module-federation/enhanced": "^0.1.8",
"@angular/compiler-cli": "^15.2.0",
"@types/jasmine": "~4.3.0",
"jasmine-core": "~4.5.0",
"karma": "~6.4.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage": "~2.2.0",
"karma-jasmine": "~5.1.0",
"karma-jasmine-html-reporter": "~2.0.0",
"webpack-dev-server": "^4.15.1",
"webpack": "^5.91.0",
"webpack-cli": "^5.1.4",
"ngx-build-plus": "^15.0.0",
"nodemon": "^3.0.1",
"request": "^2.88.2",
"typescript": "~4.9.4"
}

please let me know in case you need any other file for reference..

from module-federation-examples.

chelsumz007 avatar chelsumz007 commented on June 11, 2024

just for sake, I created new angular 17 app and tried with webpack/enhanced.. but same error:

image

const { ModuleFederationPlugin } = require('@module-federation/enhanced');

module.exports = {
plugins: [
new ModuleFederationPlugin({
name: 'new-widgets-mfe',
filename: 'remoteEntry.js',
runtimePlugins: [require.resolve('./control.share.js')],
exposes: {
'./Component': './src/app/app.component.ts',
}
})
]
};

from module-federation-examples.

ScriptedAlchemy avatar ScriptedAlchemy commented on June 11, 2024

Without a repo i will not be able to assist further

from module-federation-examples.

Related Issues (20)

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.