yarn 安装成功 但是却提示“command not found“

1 篇文章 0 订阅

yarn 安装 但是却提示"command not found"

问题重现:运行项目起服务yarn serve时,报错“yarn”不是内部命令,于是去命令行查看yarn版本,结果“bash: yarn: command not found”。于是网上百度。

解决方案:

  • 首先安装yarn。输入命令:npm install -g yarn(安装全局yarn)

    • 拓展:卸载yarn命令:npm uninstall -g yarn

    安装yarn后,仍然找不到yarn——“bash: yarn: command not found”

  • 需要记住yarn的路径并添加到环境变量path中。针对我的问题,是没有在系统环境变量里安装npm的路径。

    • 执行 npm bin -g 可以查看npm的目录位置

    • 执行 yarn global bin 可以查看yarn的目录位置(但是针对我没有找到yarn命令时,此命令仍会报错,“command not found”)

    • 所以我输入 npm bin -g 得到我所安装npm的路径:C:\Users\23660\AppData\Roaming\npm 并将其配置在系统环境变量里的path里面。

    • 重启电脑,输入命令 yarn -v ,成功!!!!!

  • 总之,路程坎坷,不知道问题是什么,百度也不知道怎么找答案,感觉还是有点迷糊,不知所云,但是现在在解决问题后感觉人家说的也对,就是那么回事。于是知乎走起,刚好找到问题所在,讲的也很好,现在自己已经理解,瞬间感觉轻松很多!!!!!

下面附他人规范回答问题笔记

npm 和 yarn全局安装成功后命令无法执行的问题
问题描述

使用命令npm i -g yarn 安装成功后无法执行被安装命令,执行命令时提示:command not found

原因分析
  1. 执行命令的时候忘记了加参数-g或–global

  2. npm或yarn的全局可执行目录不在系统path下

而导致可执行目录不在path下的原因大致有下面两种:

  1. 系统全局安装了nodejs,系统新建的用户path内没有npm可执行文件目录
  2. 安装其他软件(比如jdk)配置环境时把npm的目录损坏或删除了
解决方案
  1. 执行命令的时候忘记了加参数-g或–global
    对应这种情况导致的不能全局执行安装的命令,在执行命令时在后面加上-g或–global就行

  2. npm或yarn的全局可执行目录不在系统path下

    对于这种情况,把npm或yarn的执行目录添加到path就行了

    执行下面的命令可以查看目录位置, 把输出的路径信息添加到npm或yarn的执行程序目录

    npm bin -g #npm

    yarn global bin #yarn

最后修复path路径

  • 16
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
### 回答1: 可以通过以下步骤在网页上显示任意的Vue文件: 1. 确认你已经在项目文件夹中打开了终端或者命令行工具。 2. 运行命令 `yarn serve` 或者 `npm run serve`。这将会启动Vue应用程序并运行在本地服务器上,默认情况下在 `localhost:8080`。 3. 打开网页浏览器,并在地址栏中输入 `localhost:8080`。这将会打开Vue应用程序的首页。 4. 如果你要查看任意的Vue文件,你需要将文件放置在Vue应用程序的src目录下,并且在Vue组件中导入这个文件。 5. 在浏览器中打开Vue应用程序首页后,你就可以访问你所导入的Vue文件了。 需要注意的是,Vue文件必须符合Vue的组件规范,即包含一个 `template`、`script` 和 `style` 标签,才能被正确的显示在网页上。如果你想要在Vue应用程序中添加自己的Vue文件,需要了解Vue的组件和模块化开发的相关知识。 ### 回答2: 要使用yarn serve命令来打开任意的Vue文件并在网页上显示,首先确保已经安装了Node.js和Yarn。下面是具体的步骤: 1. 在终端或命令提示符中,导航到包含Vue文件的项目文件夹。 2. 打开终端或命令提示符,输入以下命令来进行依赖安装: ``` yarn install ``` 3. 安装完成后,继续输入以下命令来启动开发服务器: ``` yarn serve ``` 4. 开发服务器会开始运行,并在终端或命令提示符中显示正在监听的端口号。 5. 打开任意Web浏览器,输入网址 "http://localhost:端口号/" (端口号是在终端或命令提示符中显示的那个),按下回车。 6. 网页会加载,并显示Vue文件中的内容。 7. 如果Vue文件中有任何修改,开发服务器会自动重新编译和刷新页面,你可以实时查看更改的效果。 请注意,Vue文件中的内容必须遵循Vue框架的语法和组件结构,以确保它们能够正确地在网页上显示。 ### 回答3: 要使用yarn serve打开任意的Vue文件并在网页上显示,你需要按照以下步骤进行操作: 1. 确保你已经安装了Node.js和Yarn。你可以在官方网站上获取安装包,并依据说明进行安装。 2. 打开终端或命令提示符,并进入Vue项目的根目录。 3. 执行命令yarn install,以安装项目的依赖项。这将根据项目的package.json文件自动安装所需的依赖。 4. 确认安装完成后,执行命令yarn serve。这将启动一个本地开发服务器,并编译和运行你的Vue应用程序。 5. 打开Web浏览器,并在地址栏中输入http://localhost:8080(或者你服务器指定的端口号)。这是默认的开发服务器地址和端口。 6. 当你访问该地址时,你会在网页上看到你的Vue应用程序。你可以在网页上进行交互,并查看应用程序的页面和功能。 注意:在执行yarn serve命令前,可以根据需要对Vue项目进行必要的配置。这包括设置路由、组件和插件等。你可以参考Vue官方文档以获取更多详细的配置和使用信息。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值