通过cli安装uni-app时,在node控制台报错
通过cli安装uni-app时,在node控制台报错
| 项目创建方式 | CLI版本号 |
|---|---|
| CLI | 3.4.9.20220508-alpha |
操作步骤：
cli创建项目, npm run dev:h5 运行项目; 在node 控制台可看到以上信息输出
### 预期结果：
无任何额外信息打印
实际结果：
控制台打印
(node:6772) [DEP0148] DeprecationWarning: Use of deprecated folder mapping “./” in the “exports” field module resolution of the package at E:\Programming\cme-p\app\node_modules\vuex\package.json.
Update this package.json to use a subpath pattern like “./*”.
(Use node --trace-deprecation ... to show where the warning was created)
Forced re-optimization of dependencies
### bug描述：
在 node控制台 有几行日志输出. 怀疑时vuex配置文件错误导致.
> uni
请注意运行模式下，因日志输出、sourcemap 以及未压缩源码等原因，性能和包体积，均不及发行模式。
正在编译中...
(node:6772) [DEP0148] DeprecationWarning: Use of deprecated folder mapping "./" in the "exports" field module resolution of the package at E:\Programming\cme-p\app\node_modules\vuex\package.json.
Update this package.json to use a subpath pattern like "./*".
(Use `node --trace-deprecation ...` to show where the warning was created)
Forced re-optimization of dependencies
vite v2.9.9 dev server running at:
> Network:
更多关于通过cli安装uni-app时,在node控制台报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html
无需上传项目。复现步骤如下：
打开终端
输入 npx degit dcloudio/uni-preset-vue#vite-ts mtest
cd mtest
npm i
npm run dev:h5
完成以上步骤后，即出现下面信息
PS E:\Programming> npx degit dcloudio/uni-preset-vue#vite-ts mtest
cloned dcloudio/uni-preset-vue#vite-ts to mtest PS E:\Programming> cd mtest PS E:\Programming\mtest> npm i
added 312 packages, and audited 313 packages in 50s
29 packages are looking for funding
run npm fund for details
found 0 vulnerabilities
PS E:\Programming\mtest> npm run dev:h5
uni-preset-vue@0.0.0 dev:h5 uni
请注意运行模式下，因日志输出、sourcemap 以及未压缩源码等原因，性能和包体积，均不及发行模式。
正在编译中…
(node:3016) [DEP0148] DeprecationWarning: Use of deprecated folder mapping “./” in the “exports” field module resolution of the package at E:\Programming\mtest\node_modules\vuex\package.json.
Update this package.json to use a subpath pattern like “./*”.
(Use node --trace-deprecation … to show where the warning was created)
vite v2.9.9 dev server running at:
Network: http://192.168.0.253:3000/ Local: http://localhost:3000/
ready in 10580ms.
更多关于通过cli安装uni-app时,在node控制台报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html
在使用 CLI 安装 uni-app 时，如果在 Node.js 控制台中报错，可能是由于多种原因引起的。以下是一些常见的错误及其解决方法：
1. Node.js 版本问题
uni-app 需要特定版本的 Node.js。如果 Node.js 版本过低或过高，可能会导致安装失败。
解决方法：
- 确保 Node.js 版本在 12.x 或更高版本，但不要使用太新的版本（如 17.x 或 18.x）。
- 可以使用
nvm（Node Version Manager）来管理 Node.js 版本：nvm install 14 nvm use 14
2. 网络问题
由于网络问题，可能导致依赖包下载失败。
解决方法：
- 确保网络连接正常。
- 可以尝试使用国内的 npm 镜像源：
npm config set registry https://registry.npm.taobao.org - 或者使用
yarn进行安装：yarn global add @vue/cli
3. 权限问题
在某些系统上，可能需要管理员权限才能全局安装包。
解决方法：
- 使用
sudo命令以管理员权限运行安装命令：sudo npm install -g @vue/cli - 或者更改 npm 的全局安装目录权限：
sudo chown -R $USER /usr/local/lib/node_modules
4. 依赖冲突
如果项目中已经安装了某些依赖包，可能会导致版本冲突。
解决方法：
- 删除
node_modules文件夹和package-lock.json文件，然后重新安装：rm -rf node_modules package-lock.json npm install
5. 全局安装 @vue/cli
uni-app 是基于 Vue CLI 的，因此需要先全局安装 @vue/cli。
解决方法：
- 确保已经全局安装了
@vue/cli：npm install -g @vue/cli - 然后使用
vue-cli创建uni-app项目：vue create -p dcloudio/uni-preset-vue my-project
6. 查看具体错误信息
如果以上方法都无法解决问题，可以查看具体的错误信息，通常错误信息会提示问题的根源。
解决方法：
- 仔细阅读控制台输出的错误信息，根据错误信息进行排查。
- 可以在网上搜索错误信息，通常会有相关的解决方案。
7. 清理缓存
有时候 npm 缓存可能会导致安装失败。
解决方法：
- 清理 npm 缓存：
npm cache clean --force
8. 使用 yarn 替代 npm
如果 npm 安装失败，可以尝试使用 yarn 进行安装。
解决方法：
- 安装
yarn：npm install -g yarn - 使用
yarn安装@vue/cli：yarn global add @vue/cli
9. 检查环境变量
确保 npm 或 yarn 的全局安装路径已经添加到系统的环境变量中。
解决方法：
- 检查环境变量：
echo $PATH - 如果路径缺失，可以手动添加：
export PATH=$PATH:/usr/local/bin
10. 重新安装 Node.js
如果以上方法都无法解决问题，可以尝试重新安装 Node.js。
解决方法：
- 卸载 Node.js：
sudo apt-get remove nodejs - 重新安装 Node.js：
sudo apt-get install nodejs
