创建Vue项目以及报错解决

最新推荐文章于 2024-05-10 14:36:15 发布
最新推荐文章于 2024-05-10 14:36:15 发布
阅读量2.6k 收藏 6
点赞数 1
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43328781/article/details/115670608
版权

创建一个Vue项目

第一步：打开控制命令行程序（cmd）,检查如下：
在这里插入图片描述

选定路径，新建vue项目

ps：( 这里我是在桌面上新建了MyNewVue文件夹，cd目录路径 )

vue init webpack 项目名称 （然后回车）

在这里插入图片描述

报错

在这里插入图片描述
但是创建完后，但项目当中出现了相关的文件，如图：在这里插入图片描述

按照指示，如图：
在这里插入图片描述

执行cd ****(切换到项目目录)
然后cnpm run dev(我用的是淘宝镜像)
出现报错：‘webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序或批处理文件。
执行npm install或cnpm install（c开头是因为安装了淘宝镜像，加载速度快），会发现文件中多了一个node_modules文件，（使用npm install将按照package.json安装所需要的组件放在生成的node_modules文件夹中0在这里插入图片描述

然后再执行cnpm run dev或npm run dev🆗啦
在这里插入图片描述
在这里插入图片描述
治愈自己最好的方式就是忙碌和早睡，加油吧！

最快乐星球居民
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
创建项目时VUE报错的解决办法
02-25
创建项目时VUE报错的解决办法
Vue初次创建项目时报错
qq_45655974的博客
07-18 705
输入 cd/d 加上项目路径和项目名。第一次创建项目时，报一下错误。1，以管理员身份打开cmd。通过管理员身份打开cmd。
当用npm下载一个新的vue3项目，出现报错提示原因以及解决方法？
最新发布
fury的博客
05-10 637
npm create vue@latest 就可以创建项目了，这时候将之前的过期的镜像地址改为了最新的npmmirror.com地址。gpt提示是registry出现了问题，这时候已经想起之前看过的一个文章讲了，npm registry的问题，这时候我可以选择执行，将指向淘宝的镜像指向npmjs官网，但是这时候我选择查看之前看过的文章，当时希望下载一个新的vue3项目，
解决在使用vue create 项目名 创建项目时，无法加载文件 D:\NodeJs\node_global\vue.ps1，因为在此系统上禁止运行脚本
lengleng0107的博客
01-12 1401
第一种方法治标不治本，第二种方法简单粗暴并治本
ＶＵＥ创建项目，显示命令错误
m0_47943986的博客
08-23 569
ＶＵＥ创建项目报错
Vue环境搭建并创建项目(内含搭建过程中大部分错误的解决办法，亲测有效！！)
qq_52367032的博客
07-23 1448
Vue框架环境搭建+项目创建，覆盖了搭建环境中大部分可能遇到的问题，踩过的坑都在里面了，亲测有效！！
vue项目使用cmd运行
wysmh520的博客
07-05 7157
方法一， 1，进入cmd， 2，切换到项目目录下 3，输入 npm run serve即可运行，结果如下： 方法二 1，直接进入该项目目录，输入cmd 2,输入 npm run serve即可运行，结果如下：
vue init webpack 建vue项目报错的解决方法
12-11
使用vue init webpack 创建vue项目时报如下错误： vue init webpack my-project C:\Users\computer\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init:60 let template = program.args[0] ^^^ SyntaxError: ...
Vue项目开发常见问题和解决方案总结
10-14
本文将对一些常见的Vue项目开发问题及其解决方案进行总结，旨在帮助开发者更高效地利用Vue进行开发。 首先，一个常见的问题是Vue CLI打包后的静态资源路径不正确。在Vue CLI 2.x版本中，可以通过修改`config/index....
vue安装遇到的5个报错及解决方法
10-16
首先，你需要使用以下命令创建一个新的Vue项目： ```bash vue init webpack project_name ``` 这里`project_name`是你的项目名称。按照提示进行操作，如果没有`Y/n`的选项，直接回车即可。 **错误④：项目路径...
vue 解决setTimeOut和setInterval函数无效报错的问题
10-15
在Vue.js开发过程中，有时会遇到`setTimeout`和`setInterval`...通过使用箭头函数来保持`this`的正确指向，以及按照UI库的推荐方式进行数据绑定和事件处理，可以有效地解决这些问题，提升Vue项目的开发效率和代码质量。
vue创建脚手架时在cmd中创建文件时报错、在cmd或编辑器中运行文件时报错以及保存时无权限
z_pup_shiba的博客
02-18 396
1.左下角搜索输入cmd,以管理员身份运行，之后再重复一遍你们找的教程就行了（记得更换路径） 2.重新用编辑器打开，并使你的项目作为最上一级目录（注意对比上下两图框红线的区别） 3. 右击项目文件➡属性➡安全➡点击编辑➡单击Authenticated Users或Users将修改与写入改为允许(与图中红框线一致)➡点击确认➡重新用编辑器打开项目运行
新建VUE项目
SHENLINHAI的博客
08-15 716
选择完成后，【回车】下一步，2.x 是VUE2主流vue框架，3.x是vue3最新vue框架(自行选择，本人使用vue2)这里的选项有vue3、vue2、和自定义（自选功能），这里我们使用自选功能，满足使用需求（这里是我通常使用的功能）用开发软件打开项目包，或者打开项目包cmd文件夹，输入npm run serve运行项目。（这里需要node.js版本在12.0.0及以上，否则运行会报错）【空格】进行选择取消，【回车】运行下一步。后面就是一路回车加确认，【即可完成】下面来一起下载创建vue框架项目。....
Vue创建新项目时出现npm ERR! code ENOENT错误的解决办法
zhzjn的博客
12-11 6794
最终发现，我们之所以在命令提示符中的npm命令和VS Code中的npm命令出现npm ERR code ENOENT错误只是因为文件夹在错的文件夹中进行npm命令罢了，平时一定多细心。我们也可以在VS Code中打开我们cmd的文件夹查看（打开这个文件夹就是错误的，应该打开它内部创建的项目名文件夹！记住你创建的项目名称，到时候需要进入这个文件夹npm install。如果按之前的直接npm install的话 会出现err错误，现在我们打开cmd文件夹中的项目文件夹。最简单的就是需要cd 你的项目名。
关于npm init vue@latest构建vue3项目运行报错的问题
SongMao_的博客
09-13 7529
仔细检查后发现是node版本问题，Node版本低于15.0就会报错，升级Node版本后重新运行项目即可。1.cmd输入：where node 查看当前node安装路径。2.到node官网安装新版本覆盖 >= 15即可。3.重新运行项目 npm run dev。
Vue项目搭建及报错解决
半夏曈曈的博客
02-11 3895
一、搭建新的Vue项目 第一步，安装node.js 第二步： cnpm install -g vue-cli //全局安装vue-cli脚手架,用于搭建项目模板框架 第三步： vue init webpack vue_test //创建项目，vue_test是项目名称 第四步： cd vue_test（项目名）//进入项目文件夹 第五步： npm install //安装package.json中对应的依赖包（dependencies和devDependencies 下的都安装） 第六步： npm
创建vue以及报错解决error @achrinza/node-ipc@9.2.2: The engine “node“ is incompatible with this module. Expec
热门推荐
weixin_45917610的博客
12-27 3万+
创建vue并处理可能的报错问题
vue项目创建
five_s的博客
10-19 519
一、前言 1、本例环境 node.js：v12.14.1 npm：v6.13.4 vue：@vue/cli 4.2.3 2、node.js环境安装与测试 由于vue的安装与创建依赖node.js（JavaScript的运行环境）里的npm（包管理和分发工具），因此需要先确保安装node.js。 检测方式：打开cmd命令窗口（Window + R，输入cmd然后回车），输入 node -v 回...
创建Vue项目时遇到的问题与错误
静水流深，沧笙踏歌
05-14 4207
webpack : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\webpack.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 http://go.microsof t.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 解决方案：是因为系统权限不够，被禁止运行该打包脚本 1、以管理员的身份打开Windows PowerShell 2、输入set-Execut.
vite创建vue3项目报错
09-16
vite创建vue3项目报错是因为项目中的内容包含了无效的JavaScript语法，导致解析失败。为了解决这个问题，你可以按照以下方法进行操作： 1. 首先，确保你已经全局安装了`create-vite-app`，可以使用命令`npm install -g create-vite-app`进行安装。 2. 接着，使用`create-vite-app`命令创建项目。你可以使用以下命令创建一个名为`vite_prj`的项目： ``` npm init vite-app vite_prj ``` 3. 进入项目目录： ``` cd vite_prj ``` 4. 安装项目依赖： ``` npm install ``` 5. 如果在安装依赖过程中提示有风险和漏洞，可以使用以下命令进行修复： ``` npm audit fix --force ``` 6. 确保你已经安装了`@vitejs/plugin-vue`插件，如果没有安装，可以使用以下命令进行安装： ``` npm install @vitejs/plugin-vue -D ``` 7. 创建一个名为`vite.config.js`的项目配置文件，并添加以下内容： ```javascript import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; export default defineConfig({ plugins: [vue()], }); ``` 8. 最后，重新运行项目： ``` npm run dev ``` 这样应该就能解决vite创建vue3项目报错的问题了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值