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 scoped及deep使用方法解析
这篇文章主要介绍了Vue scoped及deep使用方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-08-08
如何利用 vue实现鼠标悬停时显示元素或文本
Vue.js 是一种流行的 JavaScript 框架，可以使 Web 应用程序的开发变得更加轻松和高效，这篇文章主要介绍了在 vue 中鼠标悬停时显示元素或文本,需要的朋友可以参考下
2023-05-05
Vue实现图书管理案例
这篇文章主要为大家详细介绍了Vue实现图书管理案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-01-01
Vue2中引入使用ElementUI的教程详解
这篇文章主要为大家详细介绍了Vue2中引入使用ElementUI教程的相关知识,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的可以参考下
2024-03-03
Vue3中实现代码高亮的两种方法(prismjs和highlight.js)
最近忙着开发自己的博客系统,在做界面展示的时候,需要让代码高亮,于是经过在网上查阅,发现有两款比较好用的插件实现代码高亮,分别是prismjs和highlight.js,下面我分别介绍下,方便给需要的同学参考
2025-04-04
vue-better-scroll 的使用实例代码详解
这篇文章主要介绍了vue-better-scroll 的使用实例代码详解，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-12-12
深入理解Vue3响应式原理
响应式就是当对象本身(对象的增删值)或者对象属性(重新赋值)发生变化时,将会运行一些函数,最常见的就是render函数,下面这篇文章主要给大家介绍了关于Vue3响应式原理的相关资料,需要的朋友可以参考下
2022-12-12
vue实现拖拽窗口功能
这篇文章主要为大家详细介绍了vue实现拖拽窗口功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-04-04
探秘Vue异步更新机制中nextTick的原理与实现
nextTick 是 Vue 提供的一个重要工具,它的作用主要体现在帮助我们更好地处理异步操作,下面就跟随小编一起来探索一下nextTick的原理与实现吧
2024-02-02
详解vue-cli 2.0配置文件(小结)
这篇文章主要介绍了详解vue-cli 2.0配置文件(小结)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-01-01