解决创建VUE项目的时候执行npm install一直是loading状态

程序员小张0755

已于 2024-08-29 16:54:31 修改

阅读量180

点赞数 10

文章标签： vue.js npm 前端 vue

于 2024-08-29 16:43:25 首次发布

本文链接：https://blog.csdn.net/zsd1987/article/details/141682373

版权

创建VUE项目的时候执行命令

npm create vue@latest

npm install

然后一直是处于loading状态

配置npm代理,切换至国内镜像源

先查看当前的镜像源：

npm config get registry

直接访问NPM官方仓库（registry.npmjs.org）可能速度较慢甚至不稳定。这时，切换至国内高速npm镜像源。

npm config set registry  https://registry.npmmirror.com/

参考下图

配置成功之后再执行 npm install，稍等一小会就加载成功了。如下图：

然后在左侧的目录会新增一个node_modules 目录。如下图

至此VUE3项目成功创建可以愉快的开始了。、

在终端执行

npm run dev

完毕！

开发者前沿- 解决创建VUE项目的时候执行npm install一直是loading状态

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

程序员小张0755

关注关注

10
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
解决创建VUE项目的时候执行npm install一直是loading状态

解决创建VUE项目的时候执行npm install一直是loading状态
复制链接

扫一扫

手把手教你搭建vue3项目-npm组件推荐

weixin_43618130的博客

03-03

4327

vue项目执行npm install 命令时报错error code ELIFECYCLE errorno

fxf971989229的博客

02-26

9802

vue项目执行npm install 命令时报错error code ELIFECYCLE errorno 完整报错如下 D:\workspace\dev\qorosauto-icv-ota-ui&amp;amp;gt;npm install &amp;amp;gt; phantomjs-prebuilt@2.1.16 install D:\workspace\dev\qorosauto-icv-ota-ui\node_m o...

参与评论您还未登录，请先登录后发表或查看评论

【问题记录】vue项目-npm install报错

tyty2211的博客

12-18

361

在配置好vue项目后，中途想要添加新的组件npm install或者更新npm update时，执行会报错。

npm install -g @vue/cli报错npm ERR! code FETCH_ERROR或卡住不动解决方案

yodoyskts的博客

08-06

443

解决vue安装脚手架时卡住或者报错的问题

vue项目，npm install方式使用pdfjs

ddx2019的博客

12-23

4227

文章目录一、安装插件二、在组件中测试是否引入成功三、踩坑合集1. 需手动设置workerSrc 一、安装插件 yarn add pdfjs-dist 二、在组件中测试是否引入成功 const PDFJS = require("pdfjs-dist"); console.log("成功：",PDFJS ) 打印结果：三、踩坑合集 1. 需手动设置workerSrc 报错信息如下： Uncaught SyntaxError: Unexpected token '<' "Cannot rea

Vue3 + Ts实现NPM插件 - 定制loading

技术前端，忠于热爱 @0.活在风浪里

10-09

1049

npm loading 插件使用

运行npm install时会一直加载转圈

weixin_44897842的博客

11-10

2295

运行npm install时会一直加载转圈

Vue项目安装axios报错npm error code ERESOLVE npm error ERESOLVE could not resolve解决方法

weixin_45011156的博客

06-07

456

Vue项目安装axios报错npm error code ERESOLVE npm error ERESOLVE could not resolve解决方法。

手把手教你搭建vue3项目

热门推荐

weixin_43618130的博客

03-02

5万+

使用VUE3开发很久了，但一直没进行总结和记录，忙里偷闲整理搭建一套VUE3项目，正好记录一下，按照我的教程让你开启vue3之旅吧！

vue-data-loading-无限滚动和向下/向上加载数据的另一个组件。-Vue.js开发

05-27

这是一个演示：HackNews Install npm install vue-data-loading --save用法首先导入：从'vue-data-loading'导入VueDataLoading注册为组件：组件：{VueDataLoading}，唯一要做的就是包装您的数据带有vue-data-loading...

为vue项目自动设置请求状态的配置方法

10-16

npm install vue-ajax-loading ``` 接下来，配置Vuex的state及mutations，以包含loading状态： ```javascript import { loadingState, loadingMutations } from 'vue-ajax-loading'; const store = new Vuex....

vue ref和reactive区别

灰海

08-25

1520

在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。

vue export的用法

weixin_41203765的博客

08-23

581

在Vue.js中，export关键字主要用于模块化编程，它允许你将一个文件（模块）中的代码、组件、函数、变量等导出，以便在其他文件中通过import语句来使用。这在Vue项目中非常常见，特别是当你需要重用组件、工具函数或配置时。

vue3插件原理

m0_46281382的博客

08-26

732

简述vue3中use方法加载第三方插件原理

knowLedge-无关系组件间方法的调用(创建新的 Vue 实例来作为事件总线（Event Bus）方法实现)

2301_76671906的博客

08-23

558

无关系组件间方法的调用(创建新的 Vue 实例来作为事件总线（Event Bus）方法实现)

如何使用Vue 3和Type Script进行组件化设计

最新发布

yang295242361的博客

08-27

573

在Vue 3中，Composition API 是一种全新的逻辑复用和代码组织方式，它允许你将组件的逻辑（如响应式状态、计算属性、方法、生命周期钩子等）封装到单独的函数中，从而提高了代码的可复用性和可维护性。以下是如何在Vue 3中使用Composition API的基本步骤。

移动端签名

notagoodwriter的博客

08-23

639

【代码】移动端签名。

vue数据同步（sync修饰符）

weixin_62639453的博客

08-23

422

本文描述的数据同步，是基于父子组件进行传递的参数实现。实现的内容是：子组件里面选择框，选择的对象可以传递给父组件，但一般涉及到子传父，可能会考虑使用$emit然后通过在父组件身上绑定一个自定义方法，通过子组件去emit触发这个事件，传递参数,但是这里不使用这种，新学了一种，数据同步的方式，也就是在子组件选择的数据，可以同步在父组件中。随便在父组件其他地方绑定一个事件，看看有没有获取到从子组件里面获取到的值，因为要拿选择的值过来父组件这边使用。被执行时，父组件会自动接收到这个事件并更新。

npm run serve运行的时候报错出现 ERROR Error loading vue.config.js: ERROR TypeError: defineConfig is not a function 怎么解决

03-02

这个错误通常是由于在vue.config.js文件中使用了defineConfig函数，但是没有正确导入或者安装相应的依赖包导致的。解决这个问题的方法如下： 1. 确保你已经安装了@vue/cli-service包。可以通过运行以下命令来安装它： ``` npm install @vue/cli-service --save-dev ``` 2. 在vue.config.js文件的开头添加以下代码来导入defineConfig函数： ```javascript const { defineConfig } = require('@vue/cli-service') ``` 3. 确保你的vue.config.js文件中正确使用了defineConfig函数。例如，你可以使用以下方式来导出配置： ```javascript module.exports = defineConfig({ // 配置选项... }) ``` 如果以上步骤都正确执行，那么应该能够解决这个错误。如果问题仍然存在，请提供更多的错误信息或者相关的代码，以便我能够更好地帮助你解决问题。