vue-cli创建项目不能正常运行

最新推荐文章于 2023-03-02 12:03:49 发布
转载 最新推荐文章于 2023-03-02 12:03:49 发布 · 1.4k 阅读 · 0

本文详细介绍了在使用vue-cli创建的项目中遇到的npm run dev启动失败问题及其解决方案。主要原因是webpack-dev-server未正确指定IP地址，文章提供了两种解决方法，包括修改config/index.js下的dev配置和在package.json的scripts中设置启动IP。

创建的vue-cli项目 运行 npm run dev时报错

出现此问题是因为webpack-dev-server启动时要指定ip，不能直接通过localhost启动，有多种解决

解决方法

http://www.cnblogs.com/eyunhua/p/7993433.html
 

一、修改config/index.js下dev配置中的host为ip：127.0.0.1（注意这里不能写成http://127.0.0.1）仍然会报上述错误

二、在package.json的scripts的dev中设置启动的ip

Tutu_IT
关注
Vue-cli搭建项目
Vaclee的博客
05-20 1132
Vue-cli是Vue.js官方提供的脚手架工具，用于快速生成Vue项目模板，简化开发流程。使用Vue-cli前需安装Node.js和npm，Node.js是JavaScript的运行环境，而npm是Node.js的包管理工具。通过Vue-cli创建项目后，项目结构包括node_modules、public、src等目录，其中src目录包含应用的主要代码。在项目中，可以通过配置vue-router来管理路由，实现单页应用中的组件切换。创建并配置好项目后，通过npm run serve命令启动项目，检查是否搭
vue-cli搭建项目过程
最新发布
2302_78078800的博客
08-25 3504
前端js框架 vue-cli的使用
vue-cli创建项目后无法启动解决
weixin_41451859的博客
01-16 1322
vue-cli创建项目后运行npm install 无法生成node_modules文件，导致无法启动项目 解决方案： 执行： npm cache clean --force npm install 执行完上述命令后发现node_modules终于生成拉~ 运行npm run dev即可启动 ...
使用vue/cli创建vue3项目run不起来
Detectiveboy的博客
07-03 1744
报错信息如下： 看报错信息，应该是哪个模块解析失败导致的，但是项目是用vue脚手架创建的，并没有什么改动，运行就报这错，很头痛，问了一些同行，也不知道，毕竟现在vue3还处于试用中，可能会出现一些问题，新出来的版本还是需要有人帮我们踩坑的。 ...
利用@vue/cli创建一个新项目，但在npm run serve或build时报错
Yasha_niu的博客
08-31 1260
利用@vue/cli创建一个新项目，但在npm run serve或build时报错，解决办法
@vue/cli 4.5.13版本有关vue的配置问题以及vue.config.js不生效的问题
weixin_44669966的博客
02-13 1057
@vue/cli 4.5.13版本的vue项目配置信息在以下文件中： 在上面的文件中又一行代码如下： 上面的代码指向下面的文件： 在这个文件中就有该项目的配置信息， 注意： 用 vue-cli-service serve 启动就会用 vue.config.js； 用 webpack-dev-server 启动就会用 wepback.config.js（默认）。 ...
vue-cli最新版本4.5.13安装遇到的坑
元曦的博客
06-23 6464
小编看教程 使用npm install -g @vue/cli 由于之前有使用它安装失败的经验，使用 yarn安装yarn add gobal@vue/cli 安装完成后 使用vue -V查看版本号 提示“vue”不是内部或外部命令，也不是可运行的程序或批处理文件 我犯糊涂 又用npm安装了一次使用vue -V 再次查看版本号 结果报错类似这样（后悔不已） nternal/modules/cjs/loader.js:596 throw err; ^ 然后就想着把它先卸载再重装 结果 ...
用Vue-cli搭建的项目中引入css报错的原因分析
08-29
Vue-cli项目中引入css报错的原因分析 在使用Vue-cli搭建项目时，遇到引入css文件报错的问题是非常常见的。本文将详细介绍这种问题的原因分析和解决方法。 问题描述 在使用Vue-cli搭建的项目中，我们经常需要引入...
vue-cli-plugin-component-创建组件的Vue CLI 3插件-Vue.js开发
05-27
vue-cli项目的vue-cli-plugin-component组件插件│README.md│LICENSE（可选）└───src│├──index.js│└───components│vue-cli-plugin-component组件vue-cli项目的插件│README.md│LICENSE（可选）└─...
精选资源
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
01-19
1.vue-cli 构建项目 //全局安装 vue-cli npm install - g vue- cli //创建一个基于 webpack 模板的新项目 vue init webpack my- project //cd 进入刚新建的项目文件(my-project) cd my- project // 运行 ...
SpringBoot之Vue项目管理器创建项目
qq_43791139的博客
06-06 590
SpringBoot之Vue项目管理器 1.在本地安装Vue3.0和node等环境后，在cmd执行vue ui 1.1如果是导入项目，则选择导入，如果文件夹没有node_modules包，则需要运行cmd到此文件夹，并运行npm install安装依赖 2.然后浏览器会弹出一个界面，选择一个文件夹，点击在此创建新项目 3.命名并选择包管理器和初始化git 4.选择手动，勾选使用配置文件，打开路由Router 5.创建不保存预设，不需要输入名字 6.导入插件element，安装完成后一定要点击完成
Vue安装却不可用
weixin_44042442的博客
04-06 4157
解决：vue安装成功，文件下也有vue.cmd，但是命令行中弹出“vue不是内部或外部命令，也不是可运行的程序或批处理文件。”
vue3成功创建项目后 run serve启动项目报错
虎康的博客
03-03 2041
文章目录遇到的问题第一次错误第二次错误后来，我是这样解决的 遇到的问题 使用vue3成功创建项目后无法正常npm run serve。 第一次错误 Error: Cannot find module 'vue-loader-v16/package.json' 在报错后我采用 了如下方法： npm i -D vue-loader@14 我以为是vue-loader的版本过高，不兼容导致的问题。 但是再次执行npm run serve时又出现了新的错误。 第二次错误 Error: vue-loader req
“ ‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序或批处理文件”的报错解决方案 ”
热门推荐
酷爱前端的小陈博客
04-22 13万+
出现的问题or报错： 使用vue-cli（脚手架）创建的项目在npm run serve运行时出现“'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件”的报错时，大概是由于调用了未安装的包（其他相似的报错也可以使用如下解决方案） 相似的报错例如：' ********* '不是内部或外部命令，也不是可运行的程序或批处理文件 解决方案： 第一步：将node_module文件夹删除（如果没有则直接第二步） 第二步： 在后台运行npm ins..
Vue项目启动出现的问题及解决方法
Daisy_ls的博客
10-09 8310
Please make sure you have the correct access rights---------------------请确保您有正确的访问权限。and the repository exists.--------------------并且存储库已经存在。An unknown git error occurred---------------发生未知的git错误。code 128 -----------错误码128。
vuecli4升级到vuecli5踩坑记录
chunru_liu的博客
03-30 1万+
项目以来的module版本很新，用到了es2020的语法，在vuecli4版本上死活编译不成功，升级5后解决，这个过程中在配置vue.config.js中遇到了很多问题，记录下来或许能给其他人提供帮助~ vuecli官网英文已经更新为最新的cli5但中文还停留在cli4，导致我最开始在查资料时一直没有查到官方资料，后来偶然间切换英文才发现。 1.配置scss，pretendData变为additionalData 2.启用css moudles 这个vuecli官网也有记录Working wi.
vue项目运行vue-cli-service serve报错解决方法
qq_39077394的博客
04-08 2万+
先上一张报错信息图片 试过删除node_modules重新安装还是不行 我的解决方法： 右键计算机属性，选择高级系统设置=>环境变量 在\Microsoft VS Code\bin后面添加 ;%SystemRoot%\system32;（注意分号;） 然后在path环境中配置C:\Windows\System32 最后去项目安装依赖 npm i 或者 cnpm i 运行项目 npm run serve 如果这样子项目还是报同样的错误，那么就把node全局卸载，去控制面板卸载，然后安装，最后安装依赖
vue cli4.5.13项目兼容IE问题记录
wulei_emm的博客
03-02 754
vue-cli 4.5.13 IE兼容性
当拿到vue项目的时候发现运行不了
qq_41154880的博客
07-26 4481
当拿到vue项目的时候发现运行不了
Vue-CLI创建项目详细指南
3. **预设选择**：在创建项目时，Vue-CLI会询问你是否使用预设选项（preset）。预设选项可以帮助你快速选择一组默认配置。你可以选择预设的官方模板，也可以自定义配置。 4. **选择特性**：如果你选择自定义配置，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值