问题标签 [react-scripts]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 如何配置 react-script 使其不会在“开始”时覆盖 tsconfig.json
我目前正在使用create-react-app
引导我的一个项目。基本上,我试图通过将这些添加到由 create-react-app 生成的默认 tsconfig.json 中来设置 tsconfig.json 中的路径:
但是,每次我运行yarn start
基本上运行react-scripts start
时,它都会删除我的更改并再次生成默认配置。
如何告诉 create-react-app 使用我的自定义配置?
node.js - 高漏洞:在包 webpack-dev-server 中缺少来源验证,react-scripts 的依赖关系
我已经花了一整天的时间来解决这个问题。我尽量保持简短的描述。
- 使用 Express-Mongo-React 网络应用程序(MERN)
- 一切都在本地系统中正常工作。
- 我已参考本教程在 AWS 服务器中托管我的项目(开发模式)
- 我有“客户”文件夹,我保存所有的反应代码。
- 在服务器中上传代码后,我运行“npm install”
除了一个之外,所有依赖项都已正确安装。
即反应脚本
安装此 react-scripts 包后,我看到此错误消息
'发现 1 个高严重性漏洞y'
我重新启动了 AWS 实例,一切从头开始。没有任何帮助。
根本原因可能是什么?
visual-studio - 如何让 Visual Studio 2017 调用 `yarn start`
我有一个 React 项目,我用yarn start
that runs运行它react-scripts start
。
我想使用 Visual Studio 2017 编辑代码并运行应用程序,但我不想使用 VS2017 node.js 的东西运行,我想按 F5 并继续使用 react-scripts。
有没有办法做到这一点?
## 更新 ##
对于那些想要更好的.njsproj
文件格式的人,开发者社区中有一个值得支持的想法:https ://developercommunity.visualstudio.com/content/idea/351736/use-new-project-format-for-njsproj-文件.html
css - 反应脚本没有与另一个脚本一起启动服务器
我按照本教程将 Tailwind 添加到现有的 CRA 应用程序,生成了 css,但它没有使用此脚本启动服务器:
"watch:css": "postcss src/styles/index.css -o src/index.css -w"
这是日志:
它从不调用脚本的其他部分。
reactjs - 创建 React App 单元测试不会在 VMWare Horizon Client 中执行
当我在 VMWare Horizon Client(VDI) Windows 机器中使用 create-react-app 创建一个反应应用程序时,它运行并且工作正常,但是在执行npm run test
它时给了我以下异常
我在我的常规 Windows 机器上做了同样的创建反应应用程序并执行npm run test
,它按预期成功执行。
我试过删除并重新安装 node_modules,也启用了轮询,但没有用。
同样npm run test
在package.json
使用 react-scripts 运行测试时,我没有对脚本进行任何更改package.json
我的本地机器和 VDI 上的 Node 和 npm 版本相同
我也有相同版本的 Windows,并且正在使用相同版本的 create-react-app。此问题似乎仅在 VDI 环境中持续存在。我也无法在我的 VDI 上升级或降级 npm/Node 版本。
javascript - 从 Typescript 文件导入时,Javascript 代码在 react-scripts 构建中出现“尝试导入错误:”
react-scripts V2.1.3 出现错误。我们刚刚从 V1.x 迁移到此。在 react-scripts 升级之前,这一切都运行良好。
源文件(元数据访问,执行导出)是打字稿,并具有以下代码:
引用 const 的文件是 Javascript,如下所示:
错误是:
如果我要修复这个错误(上图),我会在另一个 const 上遇到同样的问题。可悲的是,一次报告一个错误。我也在导出的枚举上得到它。全部来自 Typescript 文件。我将引用文件的扩展名更改为 .tsx(来自 .jsx),这没有区别。
我在 Typescript compile、webpack 和 babel 的源代码中搜索了字符串“Attempted import”,但没有找到任何东西,所以我什至不知道是哪个代码导致了这个错误。
我还尝试在导入语句中的文件名中添加“.js”,并且(生成的)Javascript 文件有这一行:
它得到相同的结果。我尝试更改导入语句以引用一个不存在的文件,但我得到一个不同的错误,所以它似乎正在查找导入的文件。
关于如何让它运行的任何想法?
reactjs - 浏览器刷新时客户端路由到组件引发 404 错误
我有一个使用 create-react-app 模板创建的反应应用程序,并希望将其作为另一个应用程序文件夹的一部分部署在 IIS 上。
在加载导航组件后在客户端导航上加载但是当我从浏览器刷新 url 时出现 404 错误
例如:我使用 npm run build 和 package.json 构建
我还将基本名称设置为路由器组件
打开反应站点并导航到“管理员”组件时,它会正确显示该组件。但是,当我通过从浏览器刷新按钮刷新重新加载相同的 url 时,我得到一个 404 错误页面未找到。
当我使用 npm start 运行时,它默认以http://localhost:3000/运行,并且在组件导航中将 url 更改为http://localhost:3000/admin。在这里,如果我从浏览器刷新它会加载页面并正确导航显示导航组件。
我缺少什么来完成这项工作?
javascript - 当我运行“npm run start”时,为什么 npm react-scripts 会产生语法错误?
所以几个月来我一直在开发一个完整的 React 应用程序。出于某种原因,当我尝试npm run start
在命令行上运行时,似乎不知从何而来,它产生了以下错误;
我尝试了以下方法;
- 卸载/重新安装节点
- 卸载/重新安装 npm
- 确保 node 和 npm 是版本 6 或更高版本
- 删除
node_modules
并package-lock.json
重新运行npm-i
- 卸载/重新安装反应脚本
- 降级反应脚本
- 跑步
npm install --save react react-dom react-scripts
- 卸载/重新安装 react-dev-utils
WebpackDevServerUtils.js
我什至尝试将 react-dev-utils的GitHub 主页中的内容复制/粘贴到我的本地node_modules/react-dev-utils/WebpackDevServerUtils.js
以解决语法错误。
我不知道为什么会这样。下面是这次运行的日志;
我查看了 WebpackDevServerUtils.js 的第 166 行,并使用 ESLint 来识别语法错误,但找不到任何东西。
因此,我的问题是:如何解决这个晦涩的错误?
reactjs - 重复标识符'LibraryManagedAttributes
我在构建 Reacttsx 项目时收到以下错误。
错误:
node_modules/@types/react-router/node_modules/@types/react/index.d.ts (2746,14):重复标识符“LibraryManagedAttributes”
以下是我的 package.json 文件
我npm install
用于安装软件包。请建议
reactjs - react-script:转译第三方 JSX 文件
我正在使用 create-react-app 开发应用程序,并使用未编译的第三方模块,我将 JSX 文件包含在我的项目中。
启动或构建时出现以下错误
我的反应应用程序没有弹出,也不想弹出。
不想从反应脚本中弹出
库中的示例代码 Link.jsx
以上代码发布到内部 npm repo 并在应用程序中使用
应用程序中的 App.jsx
App.jsx 给出错误