@@ -46,6 +46,7 @@ JC may be available to work remotely and can be contacted at these links:
46
46
* [ Build and Run the Host Application] ( #build-and-run-the-host-application )
47
47
* [ Browser View of the Host Application] ( #browser-view-of-the-host-application )
48
48
* [ Use the Menu to Access the Remote Applications] ( #use-the-menu-to-access-the-remote-applications )
49
+ * [ Verify the Remote View is Provided by MFE] ( #verify-the-remote-view-is-provided-by-mfe )
49
50
* [ Generate the React Remote Application] ( #generate-the-react-remote-application )
50
51
* [ Build and Run the Remote Application] ( #build-and-run-the-remote-application )
51
52
* [ ReRun the Host Application] ( #rerun-the-host-application )
@@ -111,7 +112,7 @@ Use your IDE to add the `error.log` directory to the .gitignore file.
111
112
112
113
You need the Nx packages for Angular and React.
113
114
114
- Note: The old packages: ` @nrwl/angular ` , ` @nrwl/react ` are deprecated.
115
+ ** NOTE: ** The old packages: ` @nrwl/angular ` , ` @nrwl/react ` are deprecated.
115
116
116
117
117
118
### Add the Nx Package for Angular
@@ -140,11 +141,11 @@ See the Nx documentation for more information on the [Angular Host App Generator
140
141
141
142
We are using the following command line options.
142
143
143
- * --dynamic
144
- * --remotes=remote1,remote2
145
- * --style=scss
146
- * --e2eTestRunner=playwright
147
- * --unitTestRunner=jest
144
+ * ` --dynamic `
145
+ * ` --remotes=remote1,remote2 `
146
+ * ` --style=scss `
147
+ * ` --e2eTestRunner=playwright `
148
+ * ` --unitTestRunner=jest `
148
149
149
150
** NOTE:** The --remotes option is a comma-separated list of remote applications.
150
151
When using the Angular host generator, the remote applications will always be Angular applications.
@@ -215,7 +216,7 @@ When you click on the `Remote1` menu item, you should see the remote application
215
216
216
217
When you click on the ` Remote2 ` menu item, you should see the remote application running in the browser.
217
218
218
- #### Verify the Remote View is Provided by MFE
219
+ ### Verify the Remote View is Provided by MFE
219
220
220
221
To verify that the remote view is provided by MFE,
221
222
open the browser Developer Tools and go to the ` Network ` tab.
@@ -285,7 +286,7 @@ Or you can use a command in the terminal window.
285
286
nx run remote3:serve:development
286
287
```
287
288
288
- In this example, ` * remote3` is the name of the React remote application.
289
+ In this example, ` remote3 ` is the name of the React remote application.
289
290
290
291
Look in the Run console output for the browser address.
291
292
In this case, it is:
@@ -440,7 +441,7 @@ This wrapper component will load the React Web Component into the view.
440
441
441
442
It gets the ` load() ` function from the route data ` loadChildren ` property.
442
443
443
- It gets the element name of the Web Component from the route data ` elementName ` property.`
444
+ It gets the element name of the Web Component from the route data ` elementName ` property.
444
445
445
446
Then it creates a new element and inserts the React Web Component into it.
446
447
0 commit comments