User-Profile-Image
hankin
  • 5
  • 首页
  • 技术-Study
    • Java
    • Php
    • WordPress
  • Enjoy-Life
  • 随拍-Photo
  • 分享-Share
  • 关于我
  • 分类
    • 随拍-Photo
    • Enjoy-Life
    • 技术-Study
    • 所有
    • 分享-Share
    • Java
    • Wordpress
    • Php
    • SQL Server
    • Linux
  • 页面
    • 首页
    • 学习日志
    • 生活日记
    • 随手拍拍
    • 关于我
  • 友链
    • 百度一下
    • 我爱水煮鱼
    • Jay's Notes
    • 淮城一只猫
    • 雨林寒舍
    • 不败君
    • 广告联盟
    • hankin
    • Tengine
    • 寥寥尘事 尘事固已矣,秉意终不迁。
    • 友人C
    • Typecho
    • jokeWorld
    • 蓝洛水深
    • 身边的大佬
    • Duilib
    • Runoob
    • Hank
Help?

Please contact us on our email for need any support

Support
    首页   ›   所有   ›   正文
所有

使用npm安装Vue 3,使用npm run dev 报错解决方案

2022-03-16 11:22:40
456  0 0

1、使用Node.js命令npm安装Vue3

安装Vue3
npm install -g @vue/cli
卸载 同时删除根目录下@vue文件夹
npm uninstall -g @vue/cli

Vue 3官方安装使用说明:Vue3安装地址

2、检查是否安装正确

vue -V

3、快速构建Vue 项目并执行

mkdir 创建文件夹

rmdir 删除文件夹

cli2的安装
vue init webpack admin
cli3的安装
vue create admin

运行项目

然而上面的命令并没有正确执行,报了一些错误。

  • 端口被占用导致npm run dev报错

使用vue框架运行npm run dev 端口导致报错解决方案

  • webpack版本不对导致npm run dev报错

Vue项目 npm run dev由于webpack版本不对报错解决方案

不错以上两种方案对于我电脑来说好像都无效。继续摸索中。。

然后我尝试参考官方说明重新创建项目并执行:官方操作说明

npm init vite@latest admin
cd admin
npm install
npm run dev

最终运行起来的效果如下:

4、卸载已安装的vue 2.0

卸载vue2.0
cnpm uninstall -g vue-cli 
卸载vue3.0
cnpm uninstall -g @vue/cli

5、再次构建一个项目home

运行刚创建的项目Home

还是提示缺少webpack 无法运行

还是安装上面第三步官方提示,去重写构建项目。

打包项目

npm run build

6、发布打包好的项目

7、修改本地虚拟路径

修改hosts文件

8、修改Apache配置文件

如何正确安装Node.js 请参考上一篇文章

win7系统安装Node.js 到D盘,(npm切换淘宝源)

近期文章
  • Docsify 3分钟搭建博客
  • electron -v 全局安装,报错到晕厥
  • Electron-vue初始化项目时候报错:Command vue init requires a global addon to be installed.
  • 电脑重启后Visual Studio Code的快捷方式不存在?
  • 搜狗浏览器提示:您要访问的网站包含大量违法或违规内容
标签
0x800706be 18456 Apache bbr CDN CentOS command not found Dubbo GCE GCP google Google Cloud Platform IDEA K2 Memcached microsoft sql native client Mysql nano ODBC PB PHP phpstudy Powerbuilder Python shiro SQL2008 SQL Server Sqlite sqlite_master Sql server 2008 R2 sqlstate=08001 SSL ssr SyncPragma table thymeleaf Wordpress zookeeper 中石化,加油卡,百度地图 字段 客户端不支持加密 幽默 数据库 正则表达式 登录失败 腾讯CDN
Copyright © 2023 网站备案号: 苏ICP备18047535号
smarty_hankin 主题. Designed by hankin
主页
页面
  • 首页
  • 学习日志
  • 生活日记
  • 随手拍拍
  • 关于我
博主
_陈默默 管理员
人生就是:定性,知事,选梦,遇人,择城,终老。
125 文章 1 评论 67481 浏览
测试
测试