【WebStorm 启动vue项目报错,错误代码:1080 throw err】

这篇具有很好参考价值的文章主要介绍了【WebStorm 启动vue项目报错,错误代码:1080 throw err】。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

报错代码

node:internal/modules/cjs/loader:1080
  throw err;
  ^

Error: Cannot find module '../package.json'
Require stack:
- /Users/mike/WebstormProjects/vue-qms/node_modules/.bin/vue-cli-service
    at Module._resolveFilename (node:internal/modules/cjs/loader:1077:15)
    at Module._load (node:internal/modules/cjs/loader:922:27)
    at Module.require (node:internal/modules/cjs/loader:1143:19)
    at require (node:internal/modules/cjs/helpers:121:18)
    at Object.<anonymous> (/Users/mike/WebstormProjects/vue-qms/node_modules/.bin/vue-cli-service:4:25)
    at Module._compile (node:internal/modules/cjs/loader:1256:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
    at Module.load (node:internal/modules/cjs/loader:1119:32)
    at Module._load (node:internal/modules/cjs/loader:960:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/Users/mike/WebstormProjects/vue-qms/node_modules/.bin/vue-cli-service'
  ]
}

Node.js v18.17.1

解决办法

这个错误表明 Node.js 在尝试执行 vue-cli-service 时无法找到相关的模块或文件。通常这是因为某些依赖丢失或配置不正确。

请尝试以下步骤来解决这个问题:

  1. 重新安装依赖: 进入您的 Vue 项目目录,然后删除 node_modules 文件夹,并重新安装依赖:

    rm -rf node_modules
    npm install
    
  2. 检查 package.json: 确保您的项目目录下有一个有效的 package.json 文件。如果没有,您可以使用以下命令生成一个新的 package.json 文件:

    npm init -y
    
  3. 安装 Vue CLI: 如果您还没有安装 Vue CLI,您可以尝试在项目目录中进行局部安装:

    npm install @vue/cli
    
  4. 尝试使用 yarn: 如果您使用 npm 遇到问题,也可以尝试使用 yarn 来管理依赖。首先确保您已经全局安装了 yarn,然后在项目目录中运行以下命令:

    yarn install
    
  5. 更新 Node.js 版本: 如果问题仍然存在,可以考虑升级或降级您的 Node.js 版本,因为某些版本的 Node.js 可能与某些依赖不兼容。

  6. 检查文件路径: 确保您在正确的项目目录下运行命令,并且路径中没有拼写错误或其他问题。

如果您尝试了以上步骤但问题仍然存在,请提供更多关于您的项目结构、操作步骤和错误日志信息,以便我能够更进一步地帮助您解决问题。

PS:执行前确保电脑已经安装了nodejs-https://nodejs.org/en文章来源地址https://www.toymoban.com/news/detail-724682.html

到了这里,关于【WebStorm 启动vue项目报错,错误代码:1080 throw err】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • WebStorm运行vue项目

    1.安装webstorm 2. 需要安装node.js 环境,可以去官网下载 https://nodejs.org/en 3. 安装完需要查看 按win+r 输入cmd进入 输入命令node -v 和npm -v 查看,会出现相应的版本号,代表安装成功 vue官网安装Vue cli https://cli.vuejs.org/zh/guide/installation.html 也可直接 npm install -g @vue/cli vue -v查看是否安装

    2024年02月12日
    浏览(48)
  • npm ERR! code ENOENT npm ERR! syscall open 错误解决 前端vue启动报错

    npm ERR! code ENOENT npm ERR! syscall open 错误解决 启动myvue时,发生以下错误 错误详情: 主要原因: 原因就是找不到package.json文件,启动项目路径不正确 解决办法: 找到相应路径:E:项目源码ideavuenpm run dev(示例) 多数人此时都在myvue的上一级目录运行npm run dev,此时自然没有p

    2024年02月12日
    浏览(60)
  • webstorm导入vue项目及其运行

    在安装好node.js以及配置好环境之后,我们需要使用npm相关命令进行项目的运行 (未进行node.js安装的可以点击这篇链接node.js的安装及环境配置(仅为转载,侵权删除)) 1.找到右下角的本地按钮 2.在输入框输入 “npm install”,进行插件下载 3.其次再输入“npm run dev”,实现项

    2024年04月15日
    浏览(30)
  • webstorm debug调试vue项目

    1.运行npm,然后控制台会打印下图中的地址,复制local的地址 2.run–Edit Configuration,如下图 3.设置测试项 4.在你需要的js段打好断点 5.在上边框的工具栏里面有debug运行,点击debug运行的图标运行即可

    2024年02月12日
    浏览(48)
  • vue 老项目 npm install 报错Python,c++等相关错误

    ​​​ 老项目npm install 下载依赖包报错 解决方法: ​ ​ ​ ​​ ​ ​​ ​

    2024年02月14日
    浏览(39)
  • npm init vue@latest 创建项目启动报错记录

    问题描述: 解决方案: 1.在终端中输入sudo vim /etc/hosts ,回车然后输入密码 2.若出现如下图所示(若没有则直接输入i,然后进行后续操作),请输入E 然后输入i,移动到最后一行输入127.0.0.1 localhost 3.按esc退出编辑,然后输入:wq保存并推出 4.然后重启项目就可以了。

    2023年04月08日
    浏览(67)
  • JAVA项目代码几乎没有改动,重新发布后突然报错,无法启动

    提示:这里简述项目相关背景: JAVA项目代码几乎没有改动,重新发布后突然报错,无法启动 提示:这里描述项目中遇到的问题: JAVA项目代码几乎没有改动,重新发布后突然报错,无法启动,报错信息如下所示: 提示:这里填写问题的分析: 因为我在项目中 代码几乎没有

    2024年02月08日
    浏览(90)
  • [Vue]解决npm run dev报错node:internal/modules/cjs/loader:1031 throw err;

    有2中方法,建议先尝试第一种,不行再第二种 第一种: 重新安装依赖环境 删除项目的 node_modules 文件夹,重新执行 我只用了第一种方法就可以了 ,第二种方法从别的博主那看到的,我就先写上。  第二种: 降低webpack的版本 查看 package.json 中 webpack 的相关版本 如果执行npm u

    2024年02月12日
    浏览(126)
  • webstorm运行Vue项目环境配置(如何从0配置运行一个写好的vue项目)

     1.在Node官网上下载zip安装包。 网址: https://nodejs.org/dist/v16.14.0/ (需要哪个版本就把/v后的版本号改成哪个版本)  2.下载完成后解压至需要的文件夹下。  3.在此文件夹下新建两个文件夹: node_cache:npm缓存路径 node_global:npm全局安装路径 4.配置环境变量 右击我的电脑 - 点击属

    2024年01月16日
    浏览(48)
  • 【Vue】Element-UI按需引入项目启动报错解决方法

    原因可能是版本不匹配的原因, Vue-Cli 脚手架的版本跟 element-ui 不一致了,按官网的配置已经不太行了。 报错代码 解决方式 在 babel.config.js 将 es2015 进行替换成 @babel/preset-env 。 启动项目 明显最终的JS文件的大小少了一些。

    2024年02月14日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包