前端系列：【WebStorm 启动vue项目报错，错误代码：1080 throw err】、Chocolatey && Yarn && Node.js 基础、

---

一. WebStorm 启动vue项目报错，错误代码：1080 throw er

报错代码

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

---

二. Chocolatey && Yarn && Node.js 基础

Node.js

安装Node.js

As an asynchronous event-driven JavaScript runtime, Node.js is
designed to build scalable network applications. In the following
“hello world” example, many connections can be handled concurrently.
Upon each connection, the callback is fired, but if there is no work
to be done, Node.js will sleep.


作为一个异步事件驱动的JS运行时，Node.js被设计成可扩展的网络应用程序。可以同时处理很多任务，每个连接都会被触发，如果没有被使用，Node.js将会休眠。

官方下载并安装，并自动安装一些必须的工具，否则编译时可能会报版本冲突的问题。

Linux环境下：

下载压缩包

安装nodejs V8

curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -

安装nodejs V9

 curl --silent --location https://rpm.nodesource.com/setup_9.x | sudo bash -

安装

yum install -y nodejs

查下Node.js的版本

D:\nodejs>node --version
v16.8.0

or

D:\nodejs>node -v
v16.8.0

Uninstalling the Node.js in Windows

参考

安装chocolatey

THE PACKAGE MANAGER FOR WINDOWS Modern Software Automation


Windows软件包自动管理软件


Node.js 最新的版本，比如v20.x 已经默认安装chocolatey

通过chocolatey来安装yarn

C:\ProgramData\chocolatey\bin

ProgramData 文件夹是隐藏文件，需要打开

升级choco upgrade chocolatey

C:\ProgramData\chocolatey\bin>choco upgrade chocolatey
Chocolatey v0.10.15
Upgrading the following packages:
chocolatey
By upgrading you accept licenses for the packages.
chocolatey v0.10.15 is the latest version available based on your source(s).

Yarn

安装yarn

yarn是快速、可靠、安全的依赖管理工具

C:\ProgramData\chocolatey\bin>choco install yarn
 
Download of yarn-1.22.5.msi (1.57 MB) completed.
Hashes match.
Installing yarn...
yarn has been installed.

默认下载C:\Users\当前用户\AppData\Local\Temp\chocolatey\yarn\1.22.5\yarn-1.22.5.msi

默认安装在C:\Program Files (x86)\Yarn\ 下

D:\IDE\Yarn\bin>yarn --version
1.22.5

Linux环境下

sudo wget https://dl.yarnpkg.com/rpm/yarn.repo -O /etc/yum.repos.d/yarn.repo

sudo yum install -y yarn

yarn 启动项目

• yarn install 安装依赖

• yarn run serve 运行

• yarn run build 编译

---

---

IT技术支持的菜鸟

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

MyFreeIT

Chocolatey && Yarn && Node.js 基础