問題描述
頁面加載不出來數據,一直在旋轉,控制臺輸出內容如下:
原因分析:
之前頁面是沒有問題的,在寫當前頁面突然出現頁面加載不出來,控制臺報錯,主要是頁面引入了這行代碼報錯
import { text } from 'express';
為什么會引入這行代碼,我估摸著是寫下面這個代碼的時候,引入的。
{title: <FormattedMessage id="pages.cms.table.video.album.manager.original.url" />,dataIndex: 'url',search: false,width: 200,ellipsis: true,align: 'center',// 具體是這行代碼里面的text,寫text的時候引入的,因為當時寫的時候沒有加{},導致text識別有問題,就加入了上面的依賴render: (text, record) => {return <a href={record.url} target='blank'>{text}</a>}
},
在頁面中引入 express 會報錯的原因是因為 express 是一個服務器端框架,它依賴于 Node.js 環境中的模塊和功能,而這些模塊和功能在瀏覽器環境中是不可用的。
-
模塊依賴問題
express 依賴于 Node.js 的一些核心模塊,比如 http、url、fs 等,這些模塊在瀏覽器環境中不存在。例如,瀏覽器無法解析和加載這些 Node.js 特有的模塊,從而導致錯誤。 -
服務器端功能
express 提供的很多功能,比如路由、中間件處理、請求和響應對象操作等,都是服務器端的功能。在瀏覽器環境中,根本無法使用這些功能,因為瀏覽器只能執行前端 JavaScript,而不能處理服務器端邏輯。 -
打包工具問題
當你嘗試在前端代碼中引入 express 時,打包工具(如 Webpack)會嘗試將其打包到前端代碼中。但是,由于 express 的依賴項中包含了很多服務器端特有的代碼,打包工具無法正確處理這些代碼,導致運行時錯誤。
解決
刪除或者注釋這行代碼即可
// import { text } from 'express';