前端系列：【WebStorm 启动vue项目报错，错误代码：1080 throw err】、Chocolatey && Yarn && Node.js 基础、
【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
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
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 编译
