启动ｖｕｅ项目时报错

最新推荐文章于 2025-02-24 13:41:50 发布

鹤净用

最新推荐文章于 2025-02-24 13:41:50 发布

阅读量593

点赞数 1

文章标签： java 前端框架 vue.js

本文链接：https://blog.youkuaiyun.com/qq_62733113/article/details/129668962

版权

文章介绍了在运行项目时因eslint-plugin-vue新版本要求组件名需使用驼峰式命名导致的错误。提供两种解决方案：一是修改vue.config.js，将lintOnSave设为false；二是直接编辑.eslintrc.js文件，删除关于vue/multi-word-component-names的错误设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在运行ｖｕｅ的时候出现下图报错，搜了一下发现是因为 eslint-plugin-vue 版本更新了，新版本中增加一个要求：组件名称以驼峰格式命名，所以会报错

那么我们怎么解决呢，一个简单的方法如下

方法一：找到本项目中vue.config.js文件，添加一行代码即可

lintOnSave:false

方法二：找到本项目中ｎｏｄｅ＿ｍｏｄｕｌｅｓ文件夹，然后依次进入eslint-plugin-vue－＞ｌｉｂ－＞ｃｏｎｆｉｇｓ－＞ｖｕｅ３－ｅｓｓｅｎｔｉａｌ．ｊｓ，将下面这一行代码删掉即可，然后启动ｖｕｅ

 'vue/multi-word-component-names': 'error',

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

鹤净用

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue3新创建项目启动报错，如何解决？

**My Coding Family**

01-16

1067

删除和，重新安装依赖。确保 Node.js 版本符合要求，建议使用 LTS 版本。尝试重新创建项目。查看具体的报错信息，定位问题。如果依然无法解决问题，提供具体的错误信息可能有助于进一步分析问题。希望如上措施及解决方案能够帮到有需要的你。PS：如若遇到采纳如下方案还是未解决的同学，希望不要抱怨&&急躁，毕竟影响因素众多，我写出来也是希望能够尽最大努力帮助到同类似问题的小伙伴，即把你未解决或者产生新Bug黏贴在评论区，我们大家一起来努力，一起帮你看看，可以不咯。

vue - 解决报错 Error: error:0308010C:digital envelope routines::unsupported（Vue项目启动或打包时提示错误，降低node版本没用）

高级前端工程师

01-02

1万+

vue2，vue3，Error: error:0308010C:digital envelope routines::unsupported报错，启动运行项目报错，项目打包编译发布报错，node降级了也没用，Vue 报错error:0308010C:digital envelope routines::unsupported，在项目打包的时候npm run build，控制台报错，web项目启动解决报错，最新详细解决办法，还是不行，npm run dev运行报错，vue 项目启动或打包时报错，降低到什么版本

1 条评论您还未登录，请先登录后发表或查看评论

vue项目启动报错

最新发布

王大师企业官方博客

02-24

4305

在项目启动过程中，遇到依赖下载失败、版本冲突或环境变量配置等问题时，可以通过清理缓存、更新依赖或更改配置来解决。为了避免类似错误，建议：定期检查Node.js和npm的版本是否为最新。使用固定版本号安装依赖包，以规避版本冲突。在项目根目录下添加 package-lock.json 以确保依赖一致性。通过以上方法，可以顺利启动并维护一个基于Vue的开发项目。学习教程（传送门）1、掌握JAVA入门到进阶知识(持续写作中……2、学会Oracle数据库用法(创作中……3、手把手教你。

vue项目启动报错问题汇总

编写博客，学习交流

02-28

1001

找到对应的binding 重命名并放到文件夹下: node_modules\node-sass\vendor\win32-x64-83。2.重置node-sass包。

Vue报错--解决core-js/modules/es.error.cause.js报错

m0_68845470的博客

06-26

1098

解决问题的方法： 1.在项目文件夹里直接删除node_modules文件夹2.在终端安装core-js 3.继续运行以下命令 4.此时项目文件中有了node_modules文件夹，最后执行 npm run serve即可运行成功。

Vue 启动报错

菜鸟

05-29

941

转载地址：https://blog.csdn.net/YY110621/article/details/89311201 Vue Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 10.x Module build failed (from ./node_modules...

VUE 启动项目报错

lilyheart的博客

12-23

3087

因任务需求需要将原来的代码，复制一份改变端口号来和后端代码实现新需求，再将代码复制后，使用npm run dev启动项目报错了，npm install也不行。在网上搜了各种方法都不行，头大，简直是个玄学问题了。都快放弃了，有一篇文章来的真是及时，。。。附上链接https://www.jianshu.com/p/4427489f7e4e。报错了，查看log中的提示，按照报错提示执行命令解决，...

vue项目启动失败报错（实用的解决方法）

前端程序员、项目经理、人工智能博主

10-31

5534

第一种报错如下解决办法：直接项目目录下运行npm install webpack-dev-server -g 第二种常见报错如下如果我们遇到像Error: Cannot find module '***'的报错我们可以直接项目目录下npm install 报错提示的***去进行下载示例报错如下：解决办法: 讲解完毕 ...

Vue - 解决报错 TypeError: transpileDependencies.map is not a function（vue项目运行启动或打包时提示错误，npm run serve报错）

王二红

01-07

5997

vue2，vue3，项目报错，transpileDependencies.mapisnotafunction，vue项目报错，运行npmrundev提示报错，项目启动就报错，npmrunbuild打包报错，Vue运行无故报错解决transpileDependencies.mapisnotafunction，什么也没动就报错了，Vue2报错，vue3报错，安装过程中执行了npmauditfix导致，项目没动代码就报错了，都改了还不行，加了配置也不行，vue.config.js加了t

vue项目启动报错问题

luckybigboy的博客

10-25

625

1、报错内容如下：2、报错原因：3、解决方案：

使用npm install vue遇到报错Install fail! Error: EISDIR: illegal operation on a directory, symlink............

weixin_30699465的博客

05-22

3607

　　今天本来想新建一个vue项目，但是在安装vue的时候出现了一些问题。使用cnpm淘宝镜像库下载安装vue的时候报错Install fail! Error: EISDIR: illegal operation on a directory, symlinkXXXXX，百度了一圈也没解决问题，后来看到有人说硬盘格式不正确，本人node.js安装在了F盘，格式是FAT32，需要转换成NTFS格式。...

把一个vue项目拷贝到另一个地方启动不了的解决办法

Devin_Chen的博客

04-12

6695

把一个vue项目拷贝到另一个地方启动不了的解决办法把一个vue项目文件拷贝到另一个地方，然后 npm run dev 启动不了.造成这样的原因是当你在一台电脑上编译后npm会有cache缓存，到另外一个地方编译这个项目的缓存与原缓存不一致，导致编译报错。解决办法：删掉node_modules文件夹， 2.然后cnpm install 和npm run dev就可以在这台电脑运行你的项目 ...

项目启动报错: process finished with exit code 1

PiscesXu的博客

05-03

2282

项目启动报错，如下在log文件中的报错信息如下： “C:\Program Files\Java\jdk1.8.0_201\bin\java.exe” -agentlib:jdwp=transport=dt_socket,address=127.0.0.1:65020,suspend=y,server=n -XX:TieredStopAtLevel=1 -noverify -Dspri...

关于公司项目启动报错

qq_46354557的博客

04-26

1302

报错一： npm ERR! tao_admin@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` 原因：webpack未兼容解决方案：删除node_moudles 重新 npm i 报错二：原因：不兼容es6语法解决方案：引入.babelrc文件内容如下: { "presets": [ ["env", { "modules": fal

Vue项目启动报错解决

weixin_43785284的博客

08-06

3423

webstorm中启动vue工程相关报错解决

解决Vue项目无法启动的问题

HackWhisper的博客

09-19

2359

以上是一些常见的解决方案，用于解决Vue项目无法启动的问题。根据具体情况，您可能需要逐个尝试这些解决方案，并结合项目的具体需求进行调整。如果问题仍然存在，请通过提供更多的详细信息，如错误消息或项目配置文件，以便我们可以更好地帮助您解决问题。Vue项目需要Node.js作为运行环境，因此请确保您的计算机上已经安装了Node.js，并且版本符合Vue项目的要求。在开发Vue项目时，有时候可能会遇到无法启动的问题。如果您已经安装了所有项目依赖项，但是项目仍然无法启动，可以尝试删除。祝您的Vue项目顺利启动！

vue项目项目启动步骤及常见错误处理

鹏的博客

03-16

4451

cnpm : 无法加载文件 C:\Users\Glyn\AppData\Roaming\npm\cnp

vite运行vue项目时报错 vite`s Node not

01-04

### 解决 Vite 运行 Vue 项目时 Node 相关错误当面对 Vite 运行 Vue 项目过程中出现的 Node 相关错误，可以采取一系列措施来解决问题。 #### 确认环境配置确保本地已正确安装 Node.js 和 npm 或 yarn。对于大多数现代 JavaScript/TypeScript 项目而言，合适的 Node 版本至关重要。建议使用 `nvm` (Node Version Manager) 来管理不同版本的 Node.js[^1]。 #### 清理缓存并重新安装依赖有时由于网络原因或其他因素可能导致包下载失败或损坏，尝试清理 npm/yarn 缓存后再重试安装依赖： ```bash # 使用 npm 的情况 npm cache clean --force && rm -rf node_modules package-lock.json && npm install # 使用 yarn 的情况 yarn cache clean && rm -rf node_modules yarn.lock && yarn install ``` 这一步骤有助于排除因缓存引起的潜在问题[^2]。 #### 处理特定类型的错误信息针对某些具体的错误提示，如 "illegal operation on a directory, read" 错误，可能是由文件权限设置不当引起；此时应确认当前工作目录下的所有文件具有适当读写权限，并考虑删除 `.gitignore` 中忽略掉的隐藏文件夹（例如 .DS_Store），这些特殊文件可能干扰构建过程。如果遇到类似于 “Cannot find module 'vite'”，则表明缺少必要的模块加载器，在这种情形下应当先全局更新最新版的 Vite CLI 工具再继续操作: ```bash npm install -g vite@latest ``` 另外还需注意检查 `package.json` 文件内的脚本部分是否正确指定了启动命令以及路径变量等细节[^3]。 #### 创建声明文件支持 TypeScript 类型检测为了更好地兼容 TypeScript 并减少编译期警告，在项目根目录新增一个名为 `vite-env.d.ts` 的类型定义文件可以帮助改善此状况[^4]: ```typescript /// <reference types="vitest" /> import '@testing-library/jest-dom' ``` 通过上述方法通常能够有效缓解大部分常见的 Vite + Vue 组合所引发的各种异常现象。当然实际场景会更加复杂多样，具体还需要依据实际情况灵活应对。