cost 307 ms
在沒有 Inte.net 訪問的情況下以開發獨立模式運行 SingleSpa 微前端

[英]Running SingleSpa Micro-frontend in Dev standalone mode with no Internet access

需要一條關於在獨立模式下覆蓋運行微前端的 Single-Spa 依賴項的好方法的建議。 關鍵是我需要在沒有 Inte.net 訪問的環境中,在 Webpack 開發服務器下以開發獨立模式運行我的微前端。 它失敗了,因為 React Single-spa 包含許多來自公共 CDN 的庫。 在尋找解決方 ...

如何在 Single Spa 中為 React Micro 前端應用程序定義路由

[英]How to define routing for react Micro front end application in Single Spa

我使用命令create-single-spa在single spa中創建了一個react micro front end應用程序。 在singleSpaReact方法中,提到了根組件。 但是反應微應用程序本身有幾個頁面。 但是我不明白如何在singleSpaReact方法中定義路由。 誰可以幫我這個 ...

關於 Webpack HMR 的幾個問題以及如何從頭開始在 ReactJS 應用程序中使用它?

[英]A couple of questions about Webpack HMR and how to use it in ReactJS application from scratch?

目前,我的任務是將 Webpack HRM 集成到 Single Spa 應用程序中。 所以我研究了一些關於 Webpack HRM 和 React Hot Loader 或 React Fast Refresh 的文章。 我還閱讀了一些使用module.hot.accept接收新更新的文章。 但 ...

single-spa-angular sharing angular libaray(with UI) with another angular app 給出錯誤

[英]single-spa-angular sharing angular libaray(with UI) with another angular app gives error

嘗試從 single-spa 中的共享 angular 庫加載組件時出現此錯誤。 (app和庫在angular 14) 我按照此處的文檔在 angular 庫中包含 babel 鏈接配置,但仍然沒有任何反應,我得到與 output 相同的 main.js,因此出現相同的錯誤 這是我的 angul ...

如何將 webpack 配置添加到單水療中心生成的 webpack 配置文件 [single-spa+angular14]

[英]how to add webpack config to a single-spa generated webpack config file [single-spa+angular14]

我如何將此處提到的以下配置添加到單水療中心生成的 webpack 配置文件extra-webpack.config.js ? //extra-webpack.config.js (注意格式的不同) 我為什么要嘗試這個:與其他 angular 微應用程序共享一個angular library和一個 ...

如何在單水療 vue 應用程序中添加 vuetify

[英]how add vuetify in single-spa vue application

vue 2.6.14 vuetify 2.6.9 如何將 vuetify 插入 vue 應用程序? 我嘗試將我的項目導入另一個項目如何微前端應用程序,但有些東西不起作用我是如何一步一步進行的: 創建-single-spa 根配置在項目中創建應用程序 vue 在 vue 應用目錄中運行 vue a ...

如何在單一水療中心的另一個應用程序中加載應用程序

[英]How load app within another app in single-spa

我目前正在使用單水療中心。 這是我目前擁有的布局示例: 如您所見,我正在加載 app1 和 app2 以及設置或客戶端。 但我真正想要的是僅在加載設置時加載 app1,僅在加載客戶端時加載 app 2。 現在我一直在閱讀有關如何使用包裹來實現這一點的信息,但我無法理解如何根據加載的應用程序動態加載這 ...

2022-09-10 15:17:37   1   24    single-spa  
子應用的單spa后台加載

[英]Single-spa background loading of child application

我在 React 中有帶動態模塊加載的 Single-Spa 微前端設置。 當前的用戶旅程如下所示 Root Application -> Authentication Application -> User Enters Details -> API Call -> Red ...

Webpack 5 Module Federation throwing error Module does not exist in the container

[英]Webpack 5 Module Federation throwing error Module doesn't exists in the container

我正在嘗試使用來自 WebPack 5 的具有模塊聯合功能的單個 SPA 構建遠程/主機示例 MFE。 但我在主機應用程序中收到此錯誤 這是遙控器的 webpack: 這是主機的 WebPack 這是主機應用程序的 index.tsx: 最后是主機應用程序的 HTML: 知道我錯過了什么嗎? ...

在 angular 和 angularjs 應用程序之間共享組件微前端

[英]Sharing Component MicroFrontend between angular and angularjs application

我正在使用 angular(14) 創建自定義 web 組件。 它在 angular 應用程序中運行良好。 但是當我打算在 angularjs 中使用它時,我需要一些幫助。 我需要弄清楚如何使用自定義 web 組件從微前端到另一個。 是否有任何文章或示例示例鏈接可以進一步指導我? ...

如何為單個 spa 替換 angular.json 中的 deployURL 值

[英]How to replace the deployURL value in angular.json for single spa

我正在將我的 angular 應用程序遷移到單個 SPA。 作為遷移的一部分,我需要在我的 angular.json 中為每個環境指定 deployURL 屬性。 我正在使用 Jenkins 為每個環境單獨構建,有沒有辦法通過部署 URL 作為構建過程的一部分,我在下面的腳本中嘗試過它沒有工作。 我 ...

單溫泉 Angular 包裹在墊子對話框

[英]Single-spa Angular Parcel in mat-dialog

我創建了一個 Angular 應用程序和 Angular 包裹。 該包裹將由組織內具有不同框架的其他應用程序使用。 當我使用來自導入 map (System.import('angular-parcel')) 的異步配置 function 直接在另一個組件中渲染 parcel 組件時,一切正常。 但 ...

超出最大調用堆棧大小的錯誤 - 角度單溫泉

[英]ERROR in Maximum call stack size exceeded - angular single spa

我在運行 npm run build 時遇到了這個問題(我正在使用單個 spa 應用程序),最近我已將此 angular 應用程序轉換為 single-spa 並且我還將 angular 版本升級到了 10.2.5: 我已經花了至少 3 天的時間試圖解決這個問題,關於如何解決這個問題的任何 ...

Angular single-spa.js 正在將深度導入 url 更改為 localhost

[英]Angular single-spa.js is changing deep import urls to localhost

我正在使用帶有多個角度項目的單水療庫(v 5.8.2)。 當我嘗試導入ngx-quill (導入另一個庫 (quill.js) 的庫)時,單個 spa 庫將默認導入 url 替換為 localhost:9000 (url 根加載到)。 我已經按照single-spa 的說明修改了 scss u ...

single-spa 將 Vue 設置為外部:defineComponent 不是 function

[英]single-spa set Vue as an external: defineComponent is not a function

我將 Vue 與 single-spa 一起使用,我決定嘗試減小包的大小。 為此,我首先嘗試將 Vue 設置為外部依賴項,方法是在每個微前端的 webpack.config.js 中設置它 並在根配置中設置以下內容: 但是當我嘗試加載時,它崩潰並顯示以下內容: 還有另一個 ...

“mat-icon”在有角度的單水療項目中不起作用

[英]"mat-icon" doesn't work in the angular single-spa projects

我從“single-spa”作為庫創建了一個角度項目,並在項目中實現了角度材料。 我使用了 mat-icon 但它不起作用。 它沒有顯示任何東西。 而且我使用了一個設計工具包,我在那里拿了一些組件,但圖標再次沒有顯示在使用的組件中。 像這樣的圖標顯示-> 誰能幫我? 提前致謝。 ...

Content-Security-Policy 拒絕加載 localhost 腳本

[英]Content-Security-Policy refusing to load localhost script

我正在構建一個帶有單水療中心的微前端 web 應用程序,並嘗試在我部署的站點上設置導入 map 覆蓋。 嘗試從 localhost 加載微前端腳本時出現以下控制台錯誤 我的 HTML 中有以下Content-Security-Policy : 我的印象是script-src localhost:*將 ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM