Docker react app, webpack 編譯但編輯保存后瀏覽器不刷新
[英]Docker react app, webpack compiles but browser doesn't refresh after editing and saving
我正在從事一個項目，其中包括作為前端技術的反應。 Python Django 用於后端，它們都由 docker-compose 文件和 Dockerfiles 對接。 當我嘗試編輯和保存 index.html 或 App.js 文件時，沒有任何反應。 Docker 容器終端和瀏覽器保持不動，盡管 ...
在現有項目中開發新的 React 組件：我如何在瀏覽器中看到它？
[英]Developing a new React component in an existing project: how do I see it in the browser?
我有一個中等復雜的 React 應用程序，它是使用create-react-app ，因此使用react-scripts來啟動開發服務器。 我想開發一個新的 React 組件：一個適度復雜的輸入控件，可以讓用戶輸入結構化數據。 它將有用於在列表中添加新條目的按鈕、用於從可用選項中選擇的下拉列表等。 ...
ReactJS 在 Windows 中更改構建文件夾位置
[英]ReactJS Change build folder location in Windows
在package.json我正在傳遞構建文件夾的絕對位置，如下所示 當我運行npm run build命令時，會創建 2 個空文件夾，並在其中存儲文件和文件夾構建文件夾示例： C/Tomcat/webapps/../../all_build_files ...
如何將 React Base URL 從本地主機更改為我的自定義域
[英]How to change React Base URL from localhost to my custom domain
我剛剛創建了我的反應應用程序，一切都在我的本地主機上運行，也通過我配置的 API 連接到后端應用程序，現在我剛剛在運行yarn run build后將我的反應應用程序部署到 nginx 服務器，並將構建文件夾上傳到我的服務器根目錄目錄。 主頁已服務，其他不需要連接到服務器的頁面也已服務，但是當我嘗試 ...
升級反應腳本后面臨構建問題
[英]Facing build issue after upgrade of react-scripts
將 react-scripts 升級到版本 5 后，我遇到了構建問題。 運行構建命令后某些文件丟失。 分享構建命令前后的屏幕截圖。 還使用craco最新版本進行配置。 創建構建main.[hash].chunk.js后，構建文件夾中缺少main.[hash].chunk.css & ru ...
盡管 tsc 成功，但反應腳本無法構建本地類型 package
[英]react-scripts can't build local types package despite tsc succeeding
我有一個前端和后端為 typescript 的應用程序。 我想創建一個共享類型模塊，這樣我就可以在同一個地方擁有兩者所需的所有類型。 我想將其保留在本地並使用npm link而不是將其打包並使用注冊表。 我的項目結構基本上是： 其中每一個都是節點模塊，前端是一個未彈出的 create-react- ...
Node 應用程序是否有等效的 create-react-app？
[英]Is there an equivalent of create-react-app for Node apps?
我經常使用 create-react-app 來創建 React 應用程序。 它的好處之一是它使用有用的工具（例如 Babel、react-scripts 等）預先配置您的項目。 Node 應用程序是否有等效的東西？ 如果有某種方法可以快速創建一個已經預先配置為與 Babel 等一起使用的 No ...
React 應用程序啟動開發服務器的時間太長
[英]React app taking too long to start the development server
我正在使用 themeforest 的反應儀表板模板。 這是package.json的內容： 在我運行 npm start 后，大約需要一兩分鍾，直到我看到正在啟動開發服務器並且 localhost 開始在瀏覽器中加載。 然后大約需要 30 分鍾才能加載頁面。 （是的，30 分鍾。）。 我知道依賴 ...
構建 docker 映像時，React 應用構建失敗
[英]React app build is failing when building a docker image
我正在嘗試對反應應用程序進行 docker 化，但npm run build層失敗並出現此錯誤： Dockerfile 我在構建層上遇到錯誤。 錯誤我正在使用節點 v16 和 npm v8 ...
GENERATE_SOURCEMAP=false，但仍會生成源代碼
[英]GENERATE_SOURCEMAP=false, but source code is still generated
我想從生產中隱藏 ReactJS 源代碼。 所以搜索一些信息 web 引導我找到添加的簡單解決方案 到構建配置文件。 比如這個。 但是在這樣做之后，仍然會生成源代碼。 雖然設置了選項。 我使用 Windows。 有人知道為什么會這樣嗎？ 我也嘗試從 win-cmd （而不是從 WebStorm 終端 ...
如何在沒有反應腳本的情況下使用 -r @cypress/instrument-cra 進行代碼覆蓋
[英]How to use -r @cypress/instrument-cra for code coverage without react-scripts
如何在“開始”中添加-r @cypress/instrument-cra ？ 根據此處提供的文檔，我們需要react-scripts ，但在我的用例中我沒有。 ...
npm 在創建反應應用程序中開始拋出錯誤（嘗試在奇怪的地方搜索反應腳本）
[英]npm start in create react app throws error(tries searching for react-scripts in weird place)
其他項目工作得很好，但是這個項目由於某種原因拋出了這個錯誤： npm（8.19.1 版）的內部腳本似乎試圖從我的桌面（???）而不是從 node_modules 導入反應腳本。 檢查我的 node_module 文件夾顯示正確安裝了 react-scripts。 ...
npm 在最新版本中開始無法正常工作
[英]npm start not working in react last version
我正在使用 React 17.0.2，但今天我轉到 React 18.0.2 我在使用（npm start）時遇到了一個問題：我嘗試了所有解決方案，例如安裝 react-scripts 和 npm i 並卸載 react 模塊但沒有任何效果 ...
ERR：在 github 動作和 vercel 之間創建管道時（不在開發中）
[英]ERR: while creating a pipeline between github actions and vercel (not in development)
我正在嘗試創建一個管道（將我的 github repo 與 vercel 連接），以便所做的任何更改都會自動運行一組操作（如測試），然后基本上部署 CI-CD git 集線器動作日志 }, 以上是我的package.json github 操作錯誤中的 ERR 消息！ 命令“react-sc ...
Formik 在初始值更改時創建無限渲染
[英]Formik creates infinite renders when initial value changes
我在 react js 項目中使用 formik。 表單有名字輸入，如果可用，它會從本地存儲中獲取初始值。 在更改名字輸入時，我會更改其在本地存儲中的值。 我正在使用useFormik設置初始值。 當我更改名字輸入時，這基本上會更改本地存儲中的值並因此更改初始值，這會導致渲染過多並且頁面變得無響應。 ...
瀏覽器列表更新后找不到模塊@babel\types\lib\index.js
[英]Cannot find module @babel\types\lib\index.js after browserlist update
似乎不知從何而來，我們的 React 應用程序（使用Create React App ）無法再構建了。 它無法加載 Babel 模塊： 事實上，在yarn install之后， node_modules\@babel\types\內沒有lib文件夾。 package.json的潛在相關部分：{ ...
為什么我的后端代理（使用 setupProxy.js 文件設置）沒有代理到正確的端口？
[英]Why is my backend proxy (setup using a setupProxy.js file) not proxying to the right port?
我按照本指南手動設置代理： https://stackoverflow.com/a/70413065/17568254 ，並將 setupProxy.js 文件放在前端的 src 文件夾中。 我的 setupProxy.js 文件中有以下內容（注意target: 'http://localhost ...
yarn start 沒有在 chrome 上打開 react 應用程序，但沒有拋出錯誤？
[英]yarn start doesn't open react app on chrome but no errors are thrown?
我有一個簡單的反應應用程序，我最近開始只是為了研究一些東西，突然，當我嘗試運行它時： 它不會拋出任何錯誤，只是保持這樣： 什么也沒發生，我該怎么辦？ PS：我完整的package.json： ...
“電子重建”打破運行“反應腳本測試”即開玩笑
[英]"electron-rebuild" breaks running "react-scripts test" i.e. Jest
react-scripts test在 Node 上運行，我的應用程序在 Electron 的 Node 編譯版本上運行。 因此，我得到了經典錯誤： 此處已部分解決： https://www.electronjs.org/docs/latest/tutorial/using-native-node ...
Gitlab 管道上缺少分號
[英]Missing semicolon on Gitlab pipeline
在我的本地主機中，當我執行npm run build一切正常，但在我的 Gitlab 管道中，我有語法錯誤。 在我將react-scripts從 5.*.* 降級到 4.*.* 之前，Gitlab 管道還可以現在我有以下錯誤： 我對typescript了解不多。 也許我的開發環境中有一個全局配置，現 ...