标签: create-react-app

我有一个由 create-react-app 创建的 React 应用程序。运行 npm start （启动脚本在 package.json 中作为“start”：“react-scripts start”存在）后，控制台显示像往常一样启动开发服务器并启动浏览器。但是在此之后，控制台和浏览器都绝对不会无限期地执行任何操作。没有错误或输出。它只是什么都不做。

我已经创建了一个 React 应用程序，create-react-app但是每当我启动开发服务器（使用npm start）时，它都会打开我的浏览器。我想让它在我启动我的开发服务器时不会打开我的浏览器。

我怎样才能做到这一点？

我想更新react-scripts到下一个版本 ( 4.0.0)，这样我就可以在此处使用本指南使用快速刷新功能。但是重新启动服务器时，由于以下错误，脚本不起作用：

$ yarn start
yarn run v1.22.4
$ react-scripts start
E:\Github\Web\so-rank\node_modules\react-scripts\scripts\utils\verifyTypeScriptSetup.js:210
        appTsConfig.compilerOptions[option] = suggested;
                                            ^

TypeError: Cannot add property noFallthroughCasesInSwitch, object is not extensible
    at verifyTypeScriptSetup (E:\Github\Web\so-rank\node_modules\react-scripts\scripts\utils\verifyTypeScriptSetup.js:210:45)
    at Object.<anonymous> (E:\Github\Web\so-rank\node_modules\react-scripts\scripts\start.js:31:1)
    at Module._compile (internal/modules/cjs/loader.js:1138:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1158:10)
    at Module.load (internal/modules/cjs/loader.js:986:32)
    at Function.Module._load (internal/modules/cjs/loader.js:879:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12)
    at internal/main/run_main_module.js:17:47
error Command failed with exit code 1.

我想从反应原生应用程序开发开始,需要帮助来决定我应该走哪条路.

主要问题是:我应该选择本机还是创建反应原生应用程序？

根据我的理解,CRNA真的是使用expo客户端和工具进行原生反应,使用更舒适(不需要开发帐户等)

我可以看到使用CRNA优势在本地反应(无暂时没必要建立依赖性,更快地开始开发,不需要iPhone开发帐户或Xcode的+安卓COMBI等)

但是,由于并非所有本地库都包含在内,我认为自己需要稍后导出我的应用程序,并继续像以前一样使用xcode和android studio.

因此,如果CRNA只是开始使用所有内容的一种很好的方式,那么我会立即去寻找vanilla本土的反应,因为我认为暂时解决方案没有任何意义.

另外,也许你可以纠正我在这,我不喜欢这个主意,刚才我的应用程序的顶部的另一个包装,除非有我错过了一些更关键的优势.

那么请你就此分享你的意见吗？如果您已经开发了过去使用本地反应的应用程序,那么您将走哪条道路,将来会走哪条道路？反应原生,CRNA或反应原生和世博环境？

提前致谢.

I am trying to start a Docker container with a react project, the project is created using npm init react-app.

This is my docker file

# Specify a base image
FROM node:alpine

WORKDIR /usr/app

# Install some depenendencies
COPY ./package.json ./
RUN npm install
COPY ./ ./

# Default command
CMD ["npm", "run", "start"]

Docker build . creates an image successfully (with a lot of npm warnings) and then when I run Docker run <image> this is the output in …

更新:我的用例主要是在CI上运行测试,但是重写默认的CRA Jest参数是我一般想知道的.

我正在使用Create React App附带的Jest,config 运行测试.它始终启动到交互模式:

 › Press a to run all tests.
 › Press o to only run tests related to changed files.
 › Press p to filter by a filename regex pattern.
 › Press q to quit watch mode.
 › Press Enter to trigger a test run.

但我不希望它等待我的意见.我希望它运行一次然后终止.我尝试使用--bail或--no-watchman开关,但它仍然以交互模式启动.

如果我全局安装jest,并在我的项目的根目录中运行它,它执行一次并完成(就像我想要的那样).但是当我运行npm test哪个运行时react-scripts test,即使我没有通过,它也会进入监视模式--watch.

更新:我还在CRA上提出了一个问题.

我有一个带有以下 .env 文件的 Create React 应用程序：

BROWSER=none
SKIP_PREFLIGHT_CHECK=true
INLINE_RUNTIME_CHUNK=false

当我使用 启动应用程序时yarn start，在更改任何代码后，服务器会在不刷新页面和丢弃页面状态的情况下进行替换，但它会在我的 HTML 中注入一个具有最大 z 索引的 iframe，因此我无法进行任何交互，就像点击一样。

注入的 iframe 如下：

BROWSER=none
SKIP_PREFLIGHT_CHECK=true
INLINE_RUNTIME_CHUNK=false

有什么方法可以避免这个 iframe 甚至它巨大的 z-index 阻塞所有页面？

在我的应用程序上运行“npm update”后，我突然收到以下错误：

Compiled with problems:

ERROR in ./node_modules/pako/lib/zlib/trees.js 257:106

Module parse failed: Unexpected token (257:106)
File was processed with these loaders:
 * ./node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
|  *     not null.
|  */
> function gen_bitlen(s, desc) /*    deflate_state *s;*/ /*    tree_desc *desc;    /* the tree descriptor */*/{
|   var tree = desc.dyn_tree;
|   var max_code = desc.max_code;

奇怪的。因此，我将其与在不同工作站上运行的具有相同代码的相同应用程序进行了比较，但我没有运行“npm update”。该应用程序可以正常运行，这并不奇怪。

我看过其他有此错误的帖子，但他们的解决方案似乎不适用于我的环境。

我不明白为什么它不能在我的主工作站上运行。如果我从工作站复制node_modules，应用程序启动正常。但是，一旦我删除 node_modules 和 package-lock.json 并重新安装，该应用程序将无法启动。我已经删除了node_modules/package-lock.json/clear npm 缓存。没有帮助。

我通过“npm …

我一直在使用create-react-app包来创建一个反应网站.我在我的应用程序中使用相对路径来导入组件,资源,redux等.例如,import action from '../../../redux/action

我尝试过使用module-alis npm包但没有成功.我可以使用任何插件根据文件夹名称或别名导入吗？

例如,import action from '@redux/action'或import action from '@resource/css/style.css'

当我更新我的网站时,运行npm run build并将新文件上传到服务器我仍在查看我的网站的旧版本.我的项目的回购是 https://github.com/Alfrex92/serverlessapps

没有React,我可以看到我的网站的新版本缓存破坏.我这样做:

上一个文件

<link rel="stylesheet" href="/css/styles.css">

新文件

<link rel="stylesheet" href="/css/styles.css?abcde">

我怎么能做这样的事情或用create react app实现缓存清除？

在创建的github中有许多线程对此做出反应,但没有人有正确/简单的答案.