【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项目

    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日
    浏览(18)
  • npm ERR! code ENOENT npm ERR! syscall open 错误解决 前端vue启动报错

    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日
    浏览(13)
  • webstorm导入vue项目及其运行

    webstorm导入vue项目及其运行

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

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

    webstorm debug调试vue项目

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

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

    vue 老项目 npm install 报错Python,c++等相关错误

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

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

    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日
    浏览(20)
  • JAVA项目代码几乎没有改动,重新发布后突然报错,无法启动

    JAVA项目代码几乎没有改动,重新发布后突然报错,无法启动

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

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

    [Vue]解决npm run dev报错node:internal/modules/cjs/loader:1031 throw err;

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

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

    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日
    浏览(12)
  • 【Vue】Element-UI按需引入项目启动报错解决方法

    【Vue】Element-UI按需引入项目启动报错解决方法

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

    2024年02月14日
    浏览(12)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包