NPM安装错误:解析'... nt-webpack-plugin'附近的JSON输入意外结束:“0”

时间:2017-12-06 13:26:29

标签: node.js angular npm npm-install

创建新的Angular 5项目:

节点版本:8.9.2

npm版本:5.5.1

我的命令是'npm install -g @ angular / cli'

错误是

npm ERR! 解析'... nt-webpack-plugin'附近的JSON输入意外结束:“0”

npm ERR!可以在以下位置找到此运行的完整日志:C:\ Users \ Aashitec \ AppData \ Roaming \ npm-cache_logs \ 2017-12-06T13_10_10_729Z-debug.log

错误日志为http://www.aashitechno.in/2017-12-06T13_10_10_729Z-debug.log

38 个答案:

答案 0 :(得分:198)

这解决了我的问题

  

npm cache clean --force

然后运行

  

npm install -g @ angular / cli @ latest

答案 1 :(得分:36)

解决方案:

npm cache clean --force

然后再次尝试创建您的应用程序(在此处创建React应用程序时)或安装要安装的内容。

create-react-app myproject

(创建react应用)[在不同操作中可能会出现相同的npm问题]

npm install -g @angular/cli@latest

(安装angular cli(或安装其他工具))

它将起作用。

解释:

这是与npm相关的问题,这与缓存损坏有关。即使在较新版本的npm中,它们实现了自我修复,通常不能保证任何损坏,但似乎效率不高。 enter image description here 强制使用干净的缓存可以解决此问题。

解析其中一个具有json格式的缓存文件时发生错误。可以在〜/ .npm / _cacache(在Linux中)和%AppData%/ npm-cache(Windows)中找到该缓存。对于我当前的npm版本,当我检查时,有三个目录。
enter image description here

如果检查第一个或第二个,则结构如下 enter image description here

每个缓存文件都有一个json格式(解析后的内容) enter image description here

文档中的链接很好:https://docs.npmjs.com/cli/cache

[更新]另外,如果碰巧不能解决问题,您可以在https://stackoverflow.com/a/50191315/7668448处查看此答案,它显示了如何更改npm注册表,这可能会有所帮助。检查并查看。

答案 2 :(得分:6)

Npm使用Cache为您下载新软件包。 你需要清除你的npm缓存。 使用以下命令清理:

npm cache clean --force

然后通常使用你的npm install命令 例如

npm install -g @angular/cli

答案 3 :(得分:4)

这里的 30 个答案都不适合我。我需要:

  1. 删除 node_modules 和 package-lock.json
  2. npm 缓存清理 --force
  3. npm install -g @angular/cli
  4. npm i --package-lock-only
  5. npm ci

呸!

答案 4 :(得分:3)

这解决了问题npm cache clean --force

答案 5 :(得分:3)

npm cache clean --force为我工作

已解决错误:

$ npm install -g gulp npm WARN不推荐使用gulp-util@3.0.8:不推荐使用gulp-util-请按照https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5上的指南进行替换 npm ERR!在'... / RGs88STtAtiMP3tCiNdU'附近解析时,JSON输入意外结束

npm错误!可以在以下位置找到此运行的完整日志: npm ERR! C:\ Users \ admin \ AppData \ Roaming \ npm-cache_logs \ 2018-11-20T07_38_56_733Z-debug.log

答案 6 :(得分:3)

npm cache clean --force
npm update

不要忘记执行“ npm更新”。这是非常重要的一步。

答案 7 :(得分:3)

我通过首先使用清理缓存来解决了

npm cache clean --force

然后

npm install -g @angular/cli

答案 8 :(得分:2)

如果

npm cache clean --force

不起作用。 尝试

npm cache clean --force
npm update

答案 9 :(得分:2)

删除C:\ Users \ admin \ AppData \ Roaming \中的npm和npm-cache文件夹(Windows) 然后执行cmd

  

npm缓存清除--force

     

npm缓存验证

将npm更新为最新版本

  

npm i -g npm

然后创建您的项目  1)角度

  

npm i -g @ angular / cli @ latest

     

ng新的HelloWorld

2)反应

  

npm i -g create-react-app

     

create-react-app react-app

答案 10 :(得分:2)

此命令单独解决了我的问题:

npm cache clean --force

此外,您还应确保使用正确的version节点。

使用nvm管理节点版本:

nvm list; # check your local versions;
nvm install 10.10.0; # install a new remote version;
nvm alias default 10.10.0; # set the 10.10.0 as the default node version, but you have to restart the terminal to make it take effect;

答案 11 :(得分:2)

解决方案

npm cache clean --force

对于Windows:请转到C:\Users\username\AppData\Roaming\npm-cache
删除所有文件并运行

npm install && npm start

答案 12 :(得分:2)

简单的解决方案:

npm cache clean --force
npm install 

答案 13 :(得分:2)

我使用Windows并删除了下面列出的所有文件,我的问题已解决 C:\ Users {{您的用户名}} \ AppData \ Roaming \ npm-cache

答案 14 :(得分:2)

我的情况-Windows 7(在需要的时候没有更好的选择)。 帮助了我以下内容:

  1. 删除C:\ Users \ username \ AppData \ Roaming \ npm-cache中的所有内容

AND

  1. 删除package-lock.json

答案 15 :(得分:2)

运行以下代码后出现错误(file already exists --force to overwrite

npm cache clean --force
npm install -g @angular/cli

我用:

解决了
npm i -g --force npm

确保运行第一个命令来刷新npm的缓存。

答案 16 :(得分:1)

这是您的npm错误。...

因此取消安装节点,然后重新安装。

有效。...

PS:重新安装节点后,全局安装angular cli。

fmemopen()

答案 17 :(得分:1)

我用

解决了
npm cache clean --force

然后更新npm

npm i npm@latest -g

然后通常使用您的npm install命令

npm install 

答案 18 :(得分:1)

您可以使用 yarn 软件包管理器代替npm。

它为我解决了这个问题

答案 19 :(得分:0)

尝试设置

npm config set strict-ssl false

然后尝试运行,

npm install -g @angular/cli

答案 20 :(得分:0)

您可以设置一个临时文件夹来代替清除缓存:

npm install --cache /tmp/empty-cache

npm install --global --cache /tmp/empty-cache
  

从npm @ 5开始,npm缓存会因损坏问题而自我修复,并且保证从缓存中提取的数据是有效的。如果要确保所有内容都一致,请改用npm cache verify。另一方面,如果要调试安装程序中的问题,则可以使用npm install --cache /tmp/empty-cache来使用临时缓存,而不是破坏实际的缓存。

答案 21 :(得分:0)

<块引用>

这个bug可能是由很多不同的原因引起的。也许你的全局包在某些方面被破坏了,我建议你做以下操作。

1 Install Node Version Manager (or NVM for Windows) and install Node version 10.16.1. This is enough for angular 9 and from my experience, it is the most stable version for development. This should also change your NPM version so that may also help.

2 Uninstall global angular package npm uninstall -g @angular/cli

3 Force clear cache npm cache clean --force

4 You can also try clearing your %temp% and %roaming% AppData/npm-cache

5 install latest angular package npm install -g @angular/cli@<your-version>

6 if this error still occurs, consider using another shell.
<块引用>

来源 - https://www.codegrepper.com/code-examples/javascript/npm+ERR%21+Unexpected+end+of+JSON+input+while+parsing+near+%27...babel-plugin-istanbul%27+npm+ERR%21+A+complete+log+of+this+run+can+be+found+in%3A+npm+ERR%21+C%3A%5CUsers%5Csapho%5CAppData%5CRoaming%5Cnpm-cache%5C_logs%5C2020-08-26T20_37_45_303Z-debug.log+Aborting+installation

答案 22 :(得分:0)

如果您在查找 npm install 并遇到相同类型的错误

删除 package-lock.json 和 npm cache clean --force 并尝试

答案 23 :(得分:0)

首先卸载现有的npm软件包: npm卸载-g create-react-app(如果已全局安装,则为-g) 其次: npm缓存清理--force 第三: npm install -g create-react-app @ latest并再次创建-react-app my-app。

答案 24 :(得分:0)

很简单

npm cache clean --force

然后安装节点dependensis by

npm install

答案 25 :(得分:0)

npm uninstall -g angular-cli

npm cache clear --force

OR

删除此文件夹目录(在Windows中)

rmdir C:\Users\<ProfileName>\AppData\Roaming\npm
rmdir C:\Users\<ProfileName>\AppData\Roaming\npm-cache

答案 26 :(得分:0)

在解析附近时遇到了 JSON输入意外结束的问题。,同时在我的 React App 中添加了'radium'包。实际上,即使试图将NPM更新到最新版本,我也面临着这个问题。

无论如何,NPM在清除缓存后无法正常工作,并且现在也不会更新到最新版本,但是通过 Yarn 添加软件包对我来说是成功的秘诀。

因此,如果您急于解决此问题但无法解决,请尝试尝试 yarn ,而不是 npm

快乐编码!

更新

在尝试了几件事之后,sudo npm cache clean --force终于为我工作了。

这可能是网络中的临时故障,也可能是npm注册表中的其他故障。

答案 27 :(得分:0)

即使npm cache clean --force

尝试在admin文件夹中执行安装cmd。
即 C:\ Users \ admin
这对我有用。

答案 28 :(得分:0)

发生这种情况是由于节点包管理器的缓存或版本过旧 我刚刚更新了我的NPM,效果很好 这是将Npm更新到最新版本的命令

<Window x:Class="CSharpTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        DataContext="{Binding RelativeSource={RelativeSource Self}}">

    <DockPanel>
        <TreeView ItemsSource="{Binding Items}" DockPanel.Dock="Left">
            <TreeView.ItemTemplate>
                <DataTemplate>
                    <TextBlock>
                        <TextBlock.Style>
                            <Style TargetType="TextBlock">
                                <Setter Property="Text" Value="{Binding Name}"/>

                                <Style.Triggers>
                                    <MultiDataTrigger>
                                        <MultiDataTrigger.Conditions>
                                            <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource AncestorType=TreeViewItem}}" Value="True"/>
                                            <Condition Binding="{Binding IsKeyboardFocusWithin, RelativeSource={RelativeSource AncestorType=TreeViewItem}}" Value="False"/>
                                        </MultiDataTrigger.Conditions>

                                        <Setter Property="Text" Value="{Binding SelectedButNotFocusedName}"/>
                                    </MultiDataTrigger>
                                </Style.Triggers>
                            </Style>
                        </TextBlock.Style>
                    </TextBlock>
                </DataTemplate>
            </TreeView.ItemTemplate>
        </TreeView>

        <TextBox/>
    </DockPanel>
</Window>

更新NPM后,运行所需命令

答案 29 :(得分:0)

  

错误:npm错误!解析'... ore-js“:” 3.0.0-beta.1

附近时,JSON输入意外结束

在全局安装expo CLI时会发生这种情况,这对我有用!

npm cache clean --force

答案 30 :(得分:0)

我用这根班轮解决了我的问题

npm cache clean --force

它一直都很迷人。我爱一个班轮。 注意:由于它是全新安装,因此我不担心清空npm缓存。

答案 31 :(得分:0)

我用

解决了
  

首先删除package-lock.json

npm cache clean --force

然后更新npm

npm i npm@latest -g

然后使用npm install命令

npm install 

答案 32 :(得分:0)

这些命令对我有用

sudo npm cache clean --force

sudo npm cache verify

sudo npm i npm@latest -g

答案 33 :(得分:0)

如果npm cache clean --force无法解决问题,请尝试删除~/.npm目录(* nix / macOS)。这是节点存储其缓存,锁,日志,全局包(除非您使用nvm)和通过npx安装的模块的目录。

首先,备份您当前的~./npm目录:

mv ~/.npm ~/.npm-backup

现在尝试再次运行npm命令。这将创建一个新的~/.npm目录。如果问题已解决,则可以安全地删除备份。在执行此操作之前,您可能需要查看安装在~/.npm-backup目录中的全局软件包,以便可以使用npm i -g [package]重新安装它们。

rm -rf ~/.npm-backup

如果问题未解决,则可以还原备份:

rm -rf ~/.npm
mv ~/.npm-backup ~/.npm

伙计们,请小心那些rm命令!

答案 34 :(得分:0)

我遇到了这个问题,我在Stackoverflow上尝试了所有答案,但对我没有用,最后我找到了解决此问题的方法:

  • 首先,您必须卸载nodejs并删除所有与之相关的文件
  • 转到“注册编辑器”并搜索所有“ nodejs”,“ node.js”并将其删除
  • 重新启动计算机
  • 然后重新安装nodejs,然后安装angular。

对我有用

答案 35 :(得分:0)

按给定顺序执行这两行代码

1) npm cache clean --force
2) npm install -g @angular/cli@latest

答案 36 :(得分:0)

对我来说,我不得不再次克隆我的分支并执行npm install

答案 37 :(得分:-2)

npm cache clean --force

之后

也许您可以挂断电话或等待进一步执行

  

使用--force警告npm,我当然希望您知道自己在做什么。

因此您也可以使用此。这解决了我的问题。

  

npm install --cache / tmp / empty-cache