问题标签 [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.

0 投票
9 回答
40796 浏览

reactjs - 如何配置 react-script 使其不会在“开始”时覆盖 tsconfig.json

我目前正在使用create-react-app引导我的一个项目。基本上,我试图通过将这些添加到由 create-react-app 生成的默认 tsconfig.json 中来设置 tsconfig.json 中的路径:

但是,每次我运行yarn start基本上运行react-scripts start时,它都会删除我的更改并再次生成默认配置。

如何告诉 create-react-app 使用我的自定义配置?

0 投票
0 回答
656 浏览

node.js - 高漏洞:在包 webpack-dev-server 中缺少来源验证,react-scripts 的依赖关系

我已经花了一整天的时间来解决这个问题。我尽量保持简短的描述。

  • 使用 Express-Mongo-React 网络应用程序(MERN)
  • 一切都在本地系统中正常工作。
  • 我已参考本教程在 AWS 服务器中托管我的项目(开发模式)
  • 我有“客户”文件夹,我保存所有的反应代码。
  • 在服务器中上传代码后,我运行“npm install”
  • 除了一个之外,所有依赖项都已正确安装。

    即反应脚本

安装此 react-scripts 包后,我看到此错误消息

'发现 1 个高严重性漏洞y'

我重新启动了 AWS 实例,一切从头开始。没有任何帮助。

根本原因可能是什么?

0 投票
3 回答
4196 浏览

visual-studio - 如何让 Visual Studio 2017 调用 `yarn start`

我有一个 React 项目,我用yarn startthat 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

0 投票
0 回答
113 浏览

css - 反应脚本没有与另一个脚本一起启动服务器

我按照教程将 Tailwind 添加到现有的 CRA 应用程序,生成了 css,但它没有使用此脚本启动服务器:

"watch:css": "postcss src/styles/index.css -o src/index.css -w"

这是日志:

它从不调用脚本的其他部分。

0 投票
1 回答
173 浏览

reactjs - 创建 React App 单元测试不会在 VMWare Horizo​​n Client 中执行

当我在 VMWare Horizo​​n Client(VDI) Windows 机器中使用 create-react-app 创建一个反应应用程序时,它运行并且工作正常,但是在执行npm run test它时给了我以下异常

我在我的常规 Windows 机器上做了同样的创建反应应用程序并执行npm run test,它按预期成功执行。

我试过删除并重新安装 node_modules,也启用了轮询,但没有用。

同样npm run testpackage.json使用 react-scripts 运行测试时,我没有对脚本进行任何更改package.json

我的本地机器和 VDI 上的 Node 和 npm 版本相同

我也有相同版本的 Windows,并且正在使用相同版本的 create-react-app。此问题似乎仅在 VDI 环境中持续存在。我也无法在我的 VDI 上升级或降级 npm/Node 版本。

0 投票
1 回答
1334 浏览

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 文件有这一行:

它得到相同的结果。我尝试更改导入语句以引用一个不存在的文件,但我得到一个不同的错误,所以它似乎正在查找导入的文件。

关于如何让它运行的任何想法?

0 投票
0 回答
364 浏览

reactjs - 浏览器刷新时客户端路由到组件引发 404 错误

我有一个使用 create-react-app 模板创建的反应应用程序,并希望将其作为另一个应用程序文件夹的一部分部署在 IIS 上。

在加载导航组件后在客户端导航上加载但是当我从浏览器刷新 url 时出现 404 错误

例如:我使用 npm run build 和 package.json 构建

包.json

我还将基本名称设置为路由器组件

浏览器路由器

打开反应站点并导航到“管理员”组件时,它会正确显示该组件。但是,当我通过从浏览器刷新按钮刷新重新加载相同的 url 时,我得到一个 404 错误页面未找到。

当我使用 npm start 运行时,它默认以http://localhost:3000/运行,并且在组件导航中将 url 更改为http://localhost:3000/admin。在这里,如果我从浏览器刷新它会加载页面并正确导航显示导航组件。

我缺少什么来完成这项工作?

在此处输入图像描述

0 投票
1 回答
6135 浏览

javascript - 当我运行“npm run start”时,为什么 npm react-scripts 会产生语法错误?

所以几个月来我一直在开发一个完整的 React 应用程序。出于某种原因,当我尝试npm run start在命令行上运行时,似乎不知从何而来,它产生了以下错误;

我尝试了以下方法;

  • 卸载/重新安装节点
  • 卸载/重新安装 npm
  • 确保 node 和 npm 是版本 6 或更高版本
  • 删除node_modulespackage-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 来识别语法错误,但找不到任何东西。

因此,我的问题是:如何解决这个晦涩的错误?

0 投票
0 回答
832 浏览

reactjs - 重复标识符'LibraryManagedAttributes

我在构建 Reacttsx 项目时收到以下错误。

错误:

node_modules/@types/react-router/node_modules/@types/react/index.d.ts (2746,14):重复标识符“LibraryManagedAttributes”

以下是我的 package.json 文件

npm install用于安装软件包。请建议

0 投票
1 回答
1439 浏览

reactjs - react-script:转译第三方 JSX 文件

我正在使用 create-react-app 开发应用程序,并使用未编译的第三方模块,我将 JSX 文件包含在我的项目中。

启动或构建时出现以下错误

我的反应应用程序没有弹出,也不想弹出。

不想从反应脚本中弹出

库中的示例代码 Link.jsx

以上代码发布到内部 npm repo 并在应用程序中使用

应用程序中的 App.jsx

App.jsx 给出错误