vite+vue3项目启动报错Unexpected “%“问题及解决

 更新时间:2024年03月21日 09:13:48   作者:V_AYA_V  
这篇文章主要介绍了vite+vue3项目启动报错Unexpected “%“问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vite+vue3项目启动报错Unexpected “%“

vite+vue项目启动报错,思考良久,找不到原因,在github上查看到一issues,大致原因一样,记录一下 issuse地址

报错截图

描述:

大致意思是装了管控软件,将一些文件夹直接给加密了。想来本公司之前是有做过防泄密操作,记录一下。

vite+vue3运行项目报错failed to load config from ../vite.config.ts / Cannot find module ‘node:path‘

运行vite+vue3项目时报错:

failed to load config from …/vite.config.ts
error when starting dev server:
Error: Cannot find module ‘node:path’
Require stack:
/Users/list/Downloads/Admin-master/node_modules/vite/dist/node-cjs/publicUtils.cjs

百度了发现是node版本不够,于是去升级node到16版本

1.清除npm缓存:

npm cache clean -f

2.安装node版本管理工具n:

npm install n -g 或 sudo npm install n -g

3.查看所有node版本:

npm view node versions

4.指定安装版本:

n 16.0.0

这里提示not found 是因为在安装管理工具时没有权限,需要在命令的前面加上sudo,如sudo n 16.0.0,然后出现以下就是安装正确

5.也可以升级到最新的稳定版本:

sudo n stable

然后去启动项目:npm run dev 启动成功

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue中的Router基本配置命令实例详解

    vue中的Router基本配置命令实例详解

    Vue的Router是一个用于实现页面跳转和路由管理的插件,它可以帮助我们根据不同的URL请求加载不同的组件,以及实现前端路由功能,本文给大家介绍vue中的Router基本配置命令,感兴趣的朋友跟随小编一起看看吧
    2024-02-02
  • Vue-Typed-JS打字动画效果实现全过程

    Vue-Typed-JS打字动画效果实现全过程

    Vue-typed-js是一个用于Vue.js的Typed.js集成插件,它可以创建打字动画效果,这篇文章主要介绍了Vue-Typed-JS打字动画效果实现的相关资料,文中将插件的安装及使用介绍的非常详细,需要的朋友可以参考下
    2025-08-08
  • Vue实现实时监听页面宽度高度变化

    Vue实现实时监听页面宽度高度变化

    这篇文章主要为大家详细介绍了Vue如何实现实时监听页面宽度高度变化,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-03-03
  • 解决vue中axios设置超时(超过5分钟)没反应的问题

    解决vue中axios设置超时(超过5分钟)没反应的问题

    这篇文章主要介绍了解决vue中axios设置超时(超过5分钟)没反应的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-09-09
  • vue3项目启动自动打开浏览器以及server配置过程

    vue3项目启动自动打开浏览器以及server配置过程

    这篇文章主要介绍了vue3项目启动自动打开浏览器以及server配置过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • Vant中List组件immediate-check=false无效的解决

    Vant中List组件immediate-check=false无效的解决

    这篇文章主要介绍了Vant中List组件immediate-check=false无效的解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • vue3实现对自定义组件自由拖动效果

    vue3实现对自定义组件自由拖动效果

    在数据可视化看板开发中,组件的自由拖拽功能能极大提升交互体验,本文将基于Vue3生态,从零开始解析如何实现一个支持自由拖拽的容器组件,感兴趣的朋友一起看看吧
    2025-04-04
  • vue+element tabs选项卡分页效果

    vue+element tabs选项卡分页效果

    这篇文章主要为大家详细介绍了vue+element tabs选项卡分页效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • 基于Vue3实现列表虚拟滚动效果

    基于Vue3实现列表虚拟滚动效果

    这篇文章主要为大家介绍了如何利用Vue3实现列表虚拟滚动效果,文中的示例代码讲解详细,对我们学习或工作有一定价值,需要的可以参考一下
    2022-04-04
  • 在Vue中用canvas实现二维码和图片合成海报的方法

    在Vue中用canvas实现二维码和图片合成海报的方法

    这篇文章主要介绍了在Vue中用canvas实现二维码和图片合成海报的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-06-06

最新评论