bundle.min.js 不顯示 html 文件中的組件

Question

我想在簡單的腳本標簽（一個小部件）中顯示我的反應組件我用 npx create-react-app widget_app 創建了簡單的反應應用程序。 我按照以下步驟在單個包文件中構建了一個反應應用程序，即 bundle.min.js：

npx 可嵌入創建反應應用程序
在 package.json 文件的腳本部分添加以下內容：

"web:build": "npm run build && npm run build:bundle",

“構建：捆綁”：“webpack --config webpack.config.js”

紗線 web：構建
它在以下路徑為我提供了一個名為 bundle.min.js 的捆綁文件： widget_app/dist/build/static/js/bundle.min.js

我使用以下命令在服務器上運行了上述捆綁文件：

npm install -g http-server
http服務器

我想在其中顯示我的反應小部件（捆綁文件）的 HTML 文件：

 <:doctype html> <html lang="en"> <head> <title>Embedded Widget App</title> </head> <body> <script type="text/javascript" src="http.//127.0.0:1.8080/bundle.min.js"></script> </body> </html>

但是這個 html 文件沒有顯示任何東西（如隨附的屏幕截圖所示）。

Answer 1

這是因為默認情況下禁用源 map 文件，因此在創建項目的構建時不會生成源 map 文件。 要啟用在項目根目錄的 a.env 文件中添加以下行。

GENERATE_SOURCEMAP = true

您可以參考這篇文章以獲取更多信息：使用 WebPack 源映射在 React 中輕松調試

bundle.min.js 不顯示 html 文件中的組件

問題描述

1 個解決方案

解決方案1
0 2021-02-20 06:29:39

bundle.min.js 不顯示 html 文件中的組件

問題描述

1 個解決方案

解決方案1 0 2021-02-20 06:29:39

解決方案1
0 2021-02-20 06:29:39