程序设计 create-react-app

20

我有一个项目，我两个星期都没碰过。我将其取回，现在尝试运行时npm start出现此错误。 > react-scripts start sh: react-scripts: command not found npm ERR! Darwin 16.0.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start" npm ERR! node v6.7.0 npm ERR! npm v3.10.3 npm ERR! file sh npm ERR! code ELIFECYCLE npm ERR! errno ENOENT npm ERR! syscall spawn npm ERR! UpScore@0.6.0 start: `react-scripts start` …

84 javascript reactjs create-react-app

1

在Create-React-App应用程序中index.html和index.js之间的连接在哪里？

我开始玩Create React App，但我不明白内如何index.js加载index.html。这是html代码： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"> <!-- Notice the use of %PUBLIC_URL% in the tag above. It will be replaced with the URL of the `public` folder during the build. Only files inside the `public` folder can be …

82 javascript html reactjs create-react-app

13

使用create-react-app时使用自定义生成输出文件夹

Facebook提供了构建React应用的create-react-app 命令。运行时npm run build，我们会在/build文件夹中看到输出。 npm运行构建将要生产的应用程序生成到生成文件夹。它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。最小化构建，文件名包含哈希。您的应用已准备好进行部署！我们如何使用自定义文件夹而不是/build输出？谢谢。

76 reactjs create-react-app

5

运行笑话测试时是否可以显示所有测试说明？

我在我的create-react-app项目中使用笑话和酵素。运行时npm test，我得到一个输出，该输出显示已通过的测试文件的名称，但我希望该输出还包括测试的名称。例： Button.test.js it ('renders button', () => { const button = shallow(<Button type="save"/>); expect(toJson(button)).toMatchSnapshot(); }); 现在，当我运行npm test时，输出仅为：通过src / Button.test.js“ 以及通过和失败测试的数量（测试成功时）。我希望输出包含“ renders button”和任何其他测试描述（例如运行rspec测试时输出的外观）。

74 reactjs jestjs enzyme create-react-app

9

无法使用自定义PUBLIC_URL构建create-react-app项目

我正在努力 PUBLIC_URL=http://example.com npm run build 使用最新的create-react-script构建的项目。但是，%PUBLIC_URL%in的出现public/index.html被替换为空字符串，而不是期望值PUBLIC_URL。 public/index.html 包含类似的代码 <script src="%PUBLIC_URL%/static/js/jarvis.widget.min.js"></script> 数小时的互联网搜索和堆栈溢出表明几乎没有写关于 PUBLIC_URL。我从GitHub克隆了create-react-app，并且一直在浏览代码，但尚未获得启发。有人对我做错了什么建议吗？

73 javascript reactjs create-react-app

4

运行create-react-app构建脚本时如何设置build .env变量？

我在create-react-app中使用以下环境变量： console.log(process.env.REACT_APP_API_URL) // http://localhost:5555 当我npm start通过读取.env文件运行时它起作用： REACT_APP_API_URL=http://localhost:5555 我如何像http://localhost:1234执行a一样设置其他值npm run build？这是我的package.json文件： { "name": "webapp", "version": "0.1.0", "private": true, "devDependencies": { "react-scripts": "0.9.0" }, "dependencies": { "react": "^15.4.2", "react-dom": "^15.4.2" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test --env=jsdom", "eject": "react-scripts eject" } }

73 reactjs webpack frontend create-react-app react-scripts

3

在非交互模式下运行CRA Jest

更新：我的用例主要是在CI上运行测试，但是我通常想知道重写默认的CRA Jest参数。我正在使用Create React App附带的Jest配置运行测试。它总是启动为交互模式： › 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. 但是我不希望它等待我的输入。我希望它运行一次然后终止。我尝试使用--bailor--no-watchman开关，但它仍以交互模式启动。如果我全局安装jest，并在项目的根目录中运行它，它将执行一次并完成（就如我所愿）。但是当我跑步时npm …

73 reactjs redux jestjs create-react-app

8

React应用停留在“启动开发服务器”上

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

15 reactjs npm create-react-app react-scripts

3

如何使用Create React App和TypeScript启用可选链接

目前未启用对实验语法“ optionalChaining”的支持我收到上述错误。我关注了这篇文章，并添加"@babel/plugin-proposal-optional-chaining": "^7.7.4"到了我的文章中devDependencies。然后我得到这个错误，将@ babel / plugin-proposal-optional-chaining（https://git.io/vb4Sk）添加到Babel配置的“插件”部分以启用转换。所以我关注了这篇文章，并将.babelrc文件添加到了项目的根目录中 { "presets": ["react", "es2015","stage-1"], "plugins": ["transform-runtime", "transform-optional-chaining"] } 这似乎什么也没做。我还听到有人提到Create React App不允许您修改babel的配置。所以我的问题是，如何在不重新布线的情况下启用可选链接CRA？ PS我正在使用"typescript": "^3.7.2"，或者至少这就是我package.json所说的。我试图npm install确保它已更新。不知道是否CRA在做一些奇怪的事情，并TypeScript以某种方式使用了旧版本。编辑：当我从开始项目时CRA，我相信我们正在使用TypeScript: 3.6.x。我想用Optional Chaining，所以我改变了我的package.json文件，"typescript": "^3.7.2"然后npm install。我认为问题是，TypeScript知道我正在使用3.7.2，但CRA仍具有较旧的配置，我不确定如何更新它。

14 typescript babel create-react-app

5

使用create-react-app时未创建public，src和scripts文件夹

我正在尝试使用create-react-appdocs上给出的命令创建一个新项目，即npx create-react-app my-app它不包含public src和的文件夹script。

13 reactjs create-react-app

12

Create-React-App无法创建入门模板

我正在尝试按照这些说明使用打字稿模板创建一个新项目。 npx create-react-app app-ui --template typescript 尽管它安装了所有节点模块，但它不会创建启动项目，也不会使用提供的模板。我收到此消息： A template was not provided. This is likely because you're using an outdated version of create-react-app. Please note that global installs of create-react-app are no longer supported. 我正在尝试按照说明操作，并删除cli的全局安装，但这也行不通： npm uninstall -g create-react-app up to date in 0.037s 无论我做什么，都无法卸载cli。到底是怎么回事？编辑：我能够使它部分在PC上运行。 npm remove create-react-app …

12 node.js create-react-app

3

反应打字稿：第0行：解析错误：无法读取未定义的属性“名称”

今天突然之间，我开始在使用Typescript构建的项目中遇到构建错误。在一个文件（或它引用的任何文件）在几周内都没有更改的文件中，我开始得到： ./path/to/my/file.ts Line 0: Parsing error: Cannot read property 'name' of undefined 此错误首先出现在我们的CI上，可以通过在服务器上手动构建进行复制，并且最终我可以在更新所有软件包之后在自己的计算机上（运行良好）进行复制。现在，即使我取消了项目的旧（构建）提交，也无法构建它。我有yarn.lock致力于为我的回购，但即使与旧的package.json和yarn.lock（我删除node_modules，做yarn），我不能建立。这个错误实际上从今天开始就出乎意料了。可能是什么原因？我的（可能相关的）版本： yarn 1.22.4, node v13.11.0, typescript 3.7.5 react 16.12 react-scripts 3.4.0 macOS 10.15 Catalina

9 reactjs typescript create-react-app react-scripts react-typescript

Questions tagged «create-react-app»