开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

npm错误！在“...ersion: OpenPGP.js v3”附近解析时，JSON输入意外结束。安装create-react-app并中止时出现此错误

。

这个错误通常是由于npm包的安装过程中出现了问题导致的。可能是由于网络问题、包的版本不兼容或者包的依赖关系错误等原因引起的。

解决这个问题的方法有以下几种：

清除npm缓存：运行以下命令清除npm缓存，然后重新安装create-react-app。

npm cache clean --force

更新npm版本：运行以下命令更新npm到最新版本。

npm install -g npm@latest

检查网络连接：确保你的网络连接正常，可以尝试使用其他网络或者使用代理。
检查包的版本兼容性：查看create-react-app的文档或者官方网站，确认你安装的版本与你的环境兼容。
检查包的依赖关系：查看create-react-app的依赖关系，确保你的环境中安装了所有必需的依赖。

如果以上方法都无法解决问题，你可以尝试使用其他类似的工具或者联系npm的支持团队寻求帮助。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云云数据库MySQL、腾讯云对象存储（COS）等。你可以通过腾讯云官方网站获取更多关于这些产品的详细信息和文档。

希望以上解答对你有帮助！

相关搜索:尝试保存到JSON文件时，在‘’附近解析时出现“JSON输入意外结束”错误安装express.js时，"npm错误！解析时JSON输入意外结束“npm错误-解析时JSON输入意外结束。为什么？npm总是返回这个错误：“在‘...0.4.2’附近解析时，JSON输入意外结束：{”name“：”comma‘“”安装angular cli时，在“...gsJjnNLbV\nxrOnxOWiCk”附近解析时，JSON输入意外结束。如何修复Vue CLI安装中的"npm错误！解析时JSON输入意外结束“问题运行npm install command.Any修复此问题时出现意外的JSON结束输入错误？样板Github repo将不会运行npm安装，错误！在“...compile-2.0.0-beta.4.t”附近解析时，JSON输入意外结束 jhipster网关微服务: npm start失败，因为“在'...s.org\r\n\r\nwsFcBAEB‘附近解析时，JSON输入意外结束”。在NodeJS/Express MySQL连接中为用户和密码使用环境变量时出现“意外结束JSON输入”错误

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

「React TS3 专题」从创建第一个 React TypeScript3 项目开始

笔者将介绍两种方式进行构建 React TS3 ( TypeScript3 简称，后面的内容都会以简称出现)，分别为使用 create-react-app 进行快速构建和手工方式构建。

01

带你了解一些package.json的骚操作

“ 关注前端开发社区，回复"1"即可加入前端技术交流群，回复 "2"即可免费领取 500G前端干货！

05

带你了解一些package.json的骚操作

在每个项目的根目录下面，一般都会有一个 package.json 文件，其定义了运行项目所需要的各种依赖和项目的配置信息（如名称、版本、许可证等元数据）。

04

常用的package.json，还有这么多你不知道的骚技巧

在每个项目的根目录下面，一般都会有一个 package.json 文件，其定义了运行项目所需要的各种依赖和项目的配置信息（如名称、版本、许可证等元数据）。

03

如何用 esbuild 替换 Create React App 中的 Webpack

原文链接：https://devtails.xyz/how-to-replace-webpack-in-create-react-app-with-esbuild[1]

02

十七、详解 ES6 Modules

对于新人朋友来说，想要自己去搞定一个ES6开发环境并不是一件容易的事情，因为构建工具的学习本身又是一个非常大的方向，我们需要花费不少的时间才能掌握它。

02

Create React App 源码揭秘

文章首发于@careteen/create-react-app，转载请注明来源即可。

02

用于构建用户界面的JavaScript库---＞React

现在我们使用开发工具打开我们刚刚下载的项目，大家可以使用 Webstorm ， HBuilder X , Visual Studio Code 。我使用 Webstorm 。

01

基础 | 详解 ES6 Modules

作者｜波同学原文｜http://www.jianshu.com/p/b7db6224a4aa 对于新人朋友来说，想要自己去搞定一个ES6开发环境并不是一件容易的事情，因为构建工具的学习本身又是一个非常大的方向，我们需要花费不少的时间才能掌握它。好在慢慢的开始有大神提供了一些非常简单易懂，学习成本非常低的解决方案来帮助大家学习。create-react-app就是这些解决方案中，个人认为最简单易懂的一种方式。所以在学习ES6 modules之前，先跟大家介绍一下create-react-app的安装与使

02

【React 实战教程】从0到1 构建 github star管理工具

在日常使用github中，除了利用git进行项目版本控制之外，最多的用处就是游览各式的项目，在看到一些有趣或者有用的项目之后，我们通常就会顺手star，目的是日后再看。但是当我们star了许多项目之后，回过头想找一个的项目就会发现，很难在短时间内找到它，官方也并没有提供很好的管理我们的star项目的功能，因此在市面上也出现了一些对star进行管理的工具，比如说 astralapp，Star Order等等，其实github的接口api都是开放的，我们完全可以自己构建一个属于自己的项目管理工具。公司的前端技术栈是React，而笔者之前使用的是Vue，因此正好想利用github的open api 自己构建个react的github star管理项目来加深react的使用。而大体功能我们就模仿astralapp。

02

react脚手架（create-react-app）配置antd中css按需加载的坑

前不久写了一篇关于react脚手架（create-react-app）配置antd中css按需加载的踩坑记录，文章内容有误，原文如下react脚手架（create-react-app）配置antd中css按需加载的坑。

02

React-脚手架

React 脚手架（React boilerplate）是一种预先设置好的、可以快速启动 React 项目的工具。脚手架已经包含了 React、Webpack、Babel、ESLint、Jest 等一些常用的工具和库，并已经配置好了这些工具的参数，可以直接使用和自定义修改。使用 React 脚手架可以大大加快项目的启动和开发，同时也可以帮助团队建立统一的项目结构和代码规范。常用的 React 脚手架包括 Create React App、Next.js、Gatsby 等。

02

我的第一个React应用

说起前端框架，我的第一反应就是Angular，Vue和React了，在实习的时候Vue和Angular都使用过，也写过相关的博客，包括自己毕业设计就是Angular来做的，但是毕业之后，在现在家公司就没有机会去使用这些框架(实际上我对于Java更加感兴趣)，所以现在对于前端框架的了解可能只是知道一些名词了。这次由于公司产品新的版本用的是React框架，所以有了学React的想法(当然只是想简单的学一些，够用就行了)

05

React 安装

实例中我们引入了三个库： react.development.min.js 、react-dom.development.min.js 和 babel.min.js：

01

在create-react-app中使用sass

不管你是刚使用Reactjs或者是Reactjs的老司机，你们一定都听说过create-react-app这个脚手架，而从create-react-app的官方文档中，我们可以看到他们暂时还不支持直接导入LESS或者Sass。但是通过一些配置，我们还是可以从官方脚手架中使用sass/scss/less的。

02

React菜鸟进阶史之构建项目

create-react-app 是React 官方推荐的，默认支持的，无配置的项目构建工具之一。

04

使用TypeScript创建React应用

文章链接：https://bobbyhadz.com/blog/react-create-react-app-typescript[1]

02

React学习(一)-create-react-app

如今,对于现今前端热门的三大框架Vue,Angular,React,对于web开发者来说,早已不是什么陌生的词

02

React基础(1)-create-react-app

如今,对于现今前端热门的三大框架Vue,Angular,React,对于web开发者来说,早已不是什么陌生的词

07

【React 实战教程】从0到1 构建 github star管理工具

在日常使用github中，除了利用git进行项目版本控制之外，最多的用处就是游览各式的项目，在看到一些有趣或者有用的项目之后，我们通常就会顺手star，目的是日后再看。但是当我们star了许多项目之后，回过头想找一个的项目就会发现，很难在短时间内找到它，官方也并没有提供很好的管理我们的star项目的功能，因此在市面上也出现了一些对star进行管理的工具，比如说 astralapp，Star Order等等，其实github的接口api都是开放的，我们完全可以自己构建一个属于自己的项目管理工具。公司的前端技术栈是React，而笔者之前使用的是Vue，因此正好想利用github的open api 自己构建个react的github star管理项目来加深react的使用。而大体功能我们就模仿astralapp。

01

[技术地图] CodeSandbox 如何工作? 上篇

这期来关注一下CodeSandbox, 这是一个浏览器端的沙盒运行环境，支持多种流行的构建模板，例如 create-react-app、 vue-cli、parcel等等。可以用于快速原型开发、DEMO 展示、Bug 还原等等.

Create React App v3 + Webpack v4 多页应用配置

仓库地址：https://github.com/xunge0613/react-multipage-app

02

Ant Design Landing

最近在做一些SAAS产品，Landing page——落地页对于SAAS类产品的重要性不言而喻。之前有想过用wordpress找一些比较漂亮的模板，但想想觉得这个方案对于初期的产品来说还是有点重了。用Vue的话，找了一圈没有发现合适的模板。React体系内，我发现Ant Design生态里有一款Ant Design Landing 框架，简洁明了，又不失美观，比较符合我的需求。

01

使用create-react-app简化前端项目的建立

以往启动一个Web项目，总要从一个现存的项目将gulpfile.js, package.json拷贝至新项目，然后根据需要修改这两个文件，确实挺麻烦的。今天在github上看到一个评分还比较高的项目create-react-app 。细细看了下它的文档，发现facebook通过这个项目将react的前端项目标准化了，约定大于配置，通过这个工具创建项目方便多了，这里记录一下以备忘。创建项目执行以下命令： #安装create-react-app命令 npm install -g create-react-a

05

使用 React 和 NodeJS 创建一个全栈项目

我们都知道 React 非常优秀并且非常出色，我们可以使用 create-react-app 快速搭建一个前端应用。但是由于 React 构建出来的只是前端静态资源（如：HTML、CSS 、JS 等），往往不能独立部署，我们还需要一个 WEB 服务器，还需要调用 API；在本文中，我将使用 React 和 NodeJS 创建一个全栈项目。介绍下如何让 Node.js 作为 web 服务器来加载 React 构建出的静态资源，如何让 React 程序可以直接调用 NodeJS API。

04

create-react-app初探

CRA除了能帮我们构建出一个React的SPA项目(generator)，充当脚手架的作用。还能为我们在项目开发，编译时进行构建，充当builder的作用。可以看到生成的项目中的package.json包含很多命令：

01

React脚手架 create-react-app 快速上手教程Kotlin 开发者社区

You can now view hello-react-demo in the browser.

02

React+Flask打造前后端分离项目开发环境

OK，预览下效果，顺便调试（没啥可调试的/(ㄒoㄒ)/~~）。npm start。效果如下：

04

React 入门学习（五）-- 认识脚手架

在我们的现实生活中，脚手架最常用的使用场景是在工地，它是为了保证施工顺利的、方便的进行而搭建的，在工地上搭建的脚手架可以帮助工人们高校的去完成工作，同时在大楼建设完成后，拆除脚手架并不会有任何的影响。

02

React 入门学习（五）-- 认识脚手架

在我们的现实生活中，脚手架最常用的使用场景是在工地，它是为了保证施工顺利的、方便的进行而搭建的，在工地上搭建的脚手架可以帮助工人们高校的去完成工作，同时在大楼建设完成后，拆除脚手架并不会有任何的影响。

02

你应该知道什么是NPX?

“ 关注前端开发社区，回复“1”即可加入前端技术交流群, 回复 '2'，免费领取Vue，小程序，Node Js，前端开发用的插件以及面试视频等学习资料，让我们一起学习，一起进步

00

npx命令的介绍

npm 从5.2版开始，增加了 npx 命令。它有很多用处，本文介绍该命令的主要使用场景。

03

【Scratch入门到精通】使用CRA搭建项目

本文教你从0到1教你，如何使用 create-react-app 搭建scratch项目，实现简基础的积木编程与舞台渲染效果。Github项目usetools/scratch-example/v1.0.0。

02

React 入门手册

React 是目前为止最受欢迎的 JavaScript 框架之一，而且我相信它也是目前最好用的开发工具之一。

01

React 使用 Proxy 代理（create-react-app）

proxy，默认为NULL，类型为URL，一个为了发送http请求的代理在平时开发时，尤其前后端分离时，需要假数据来进行模拟请求，这个时候就需要proxy代理来处理

04

借助Babel 7和Webpack构建React Toolchain

React不是完全开箱即用的。它使用了一些最近node才支持的关键字和语法（在本教程中我使用了v 9.3.0版本）。因此需要一些很麻烦的设置，但是Facebook为此提供了一个可以轻松创建React应用的方案。这听起来不错，那我为什么要说这一点呢？

04

create-react-app初探

本文由 IMWeb 社区 imweb.io 授权转载自腾讯内部 KM 论坛，原作者：kingfo。点击阅读原文查看 IMWeb 社区更多精彩文章。 create-react-app是一个react的cli脚手架+构建器，我们可以基于CRA零配置直接上手开发一个react的SPA应用。通过3种方式快速创建一个React SPA应用: npm init with initializer (npm 6.1+) npx with generator (npm 5.2+) yarn create with initi

02

create-react-app入门教程

Create React App是FaceBook的React团队官方出的一个构建React单页面应用的脚手架工具。它本身集成了Webpack，并配置了一系列内置的loader和默认的npm的脚本，可以很轻松的实现零配置就可以快速开发React的应用。

02

React入门系列（一）构建项目

React是一个专注于View层解决方案的框架。于Angular，Vue不同，React并不是完整的MVC/MVVM框架，也不是单纯的模板引擎，它的核心思想就是“组件化”，将UI层拆分为一个个组件，然后组合嵌套，最后构建成完成的APP。

01

2018年，WEB前端新工具学习建议

简单来讲，就是更多实例，更多迭代，更多业务，更多思路。以业务业务来理解思路，以迭代来验证业务逻辑。一句话，“学前端，只学Js不学业务逻辑、开发思路，没用。” 2018年嘛，目前看来，前端框架方面VueJs和ReactJs二分天下。 React背后有fb爸爸，不差钱，社区啊，维护开发，新工具方面都很到位。 Vue就是简单、轻量好上手，状态啊，路由啊，组件啊，mvvm都很简单直观。最重要的是，这是国人自己开发的，用起来确实好用，代码少。 AngularJs嘛，我个人主观看法吧

[译] 定制 create-react-app：如何制作自己的模版

原文：https://auth0.com/blog/how-to-configure-create-react-app/#Test-Your-Custom-Script

01

一、环境搭建、以及聊聊更重要的...

它给我们提供了一个开发思路以及少量的API，这些API学习起来还算轻松。不过在阅读此系列文章之前，应该有不少读者已经通过官方文档或者其他途径开始尝试学习React，并且在学习过程中遇到了困难。这些困境会给大家带来一些React难以攻克的假象。

01

基于create-react-app打包编译自己的第三方UI组件库

这篇文章主要是总结一下我们在工作中如何为公司开发内部的第三方UI组件，并通过npm install的方式安装的一些步骤和思路。在学习完这套发布方法后大家也可以快速的发布自己的UI库到npm，供他人使用，就比如elementUI或者Ant Design。

08

TypeScript 、React、 Redux和Ant-Design的最佳实践

阿特伍德定律，指的是any application that can be written in JavaScript, will eventually be written in JavaScript，意即“任何可以用JavaScript来写的应用，最终都将用JavaScript来写”在使用新技术的时候，切忌要一步一步的来，如果当你尝试把两门不熟悉的新技术一起结合使用，你很大概率会被按在地上摩擦，会yarn/npm和React脚手架等技术是前提，后面我会继续写PWA深入和Node.js集群负载均衡Ngi

02

基于 react 脚手架的react 应用

今天是学习react的第二周了，每天晚上差不多下班学习两个小时，虽说工作中用不到，但是技术学习肯定不嫌多。加油。

02

Angular 工具篇之npx及angular-cli-ghpages

今天本文的两个主角是 npx 及 angular-cli-ghpages，npx 是 npm 5.2 引入了的新的工具，用于帮助我们执行 npm 二进制任务和加速我们的工作流。而 angular-cli-ghpages 这个工具，是用于帮助 Angular CLI 的用户快速发布 Angular 应用到 Github Page。

02

Webpack模块联邦：微前端架构的新选择

Webpack模块联邦（Module Federation）是Webpack 5引入的一项革命性特性，它彻底改变了微前端架构的实现方式。模块联邦允许不同的Web应用程序（或微前端应用）在运行时动态共享代码，无需传统的打包或发布过程中的物理共享。这意味着每个微应用可以独立开发、构建和部署，同时还能轻松地共享组件、库甚至是业务逻辑。

00

如何在 React 中使用装饰器-即@修饰符

装饰器 decorator 是一种函数,是 Es6 的一个语法糖,是一种与类(class)相关的语法,用来注释或修改类和方法

03

前端模块化开发--React框架（二）：脚手架&&网络请求框架

GitHub地址一、React脚手架 1、react脚手架说明 1)xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目Code - a.包含了所有需要的配置 - b.指定好了所有的依赖 - c.可以直接安装/编译/运行一个简单效果 2)react提供了一个用于创建react项目的脚手架库: create-react-app 3)项目的整体技术架构为: react + webpack + es6 + eslint 4)使用脚手架开发的项目的特点: 模块化, 组件化, 工程化 2、使用命令

02

Node JS World

The pluggable linting utility for JavaScript and JSX

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭