error when starting dev server:Error: Failed to resolve vue/compiler-sfc.

这篇具有很好参考价值的文章主要介绍了error when starting dev server:Error: Failed to resolve vue/compiler-sfc.。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

对于node 的包管理工具,我一般习惯用 yarn,但是最近使用 yarn 创建前端项目的时候出了一些问题。

yarn create vite vite-project

报错如下:

error when starting dev server:

Error: Failed to resolve vue/compiler-sfc.

@vitejs/plugin-vue requires vue (>=3.2.25) to be present in the dependency tree.

error when starting dev server:Error: Failed to resolve vue/compiler-sfc.

我刚开始以为是 vite 的问题,但是发现 npm 和 pnpm 是ok的。

后边才知道是我的 yarn 太古老了。

现在的 Node.js 14.19.0 and 16.9.0+自带了一个命令,corepack.

有了这个 corepack 就不用什么全局安装 npm install yarn -g 这种东西了。

而是直接开启 corepack

# 命令行执行
corepack enable

这样你就可以全局使用 yarn 了,但是我发现我的 yarn 版本还是 1.xx,看了 yarn 的官网才知道,现在更新 yarn 的版本需要一些命令,但是用 corepack 可以很方便。

corepack prepare yarn@3.4.1 --activate

去 ![这里](https://github.com/yarnpkg/berry/releases/latest)查看 yarn 的最新版本,然后加在后边

就可以了。

然后建议大家在 pakeage.json 中将管理工具的版本声明一下,因为现在 yarn 1.xx 的版本不是通用的了。

具体方法如下:

error when starting dev server:Error: Failed to resolve vue/compiler-sfc.

这样就直接指定了 yarn 的版本。

在 yarn install 的时候,就会自动使用 这个版本。后边的乱码不是必须的。

参考资料:

https://github.com/nodejs/corepack

https://yarnpkg.com/getting-started/install文章来源地址https://www.toymoban.com/news/detail-434522.html

到了这里,关于error when starting dev server:Error: Failed to resolve vue/compiler-sfc.的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • error when starting dev server:Error: The package “@esbuild/win32-x64“ could not be found, and is n

    error when starting dev server:Error: The package “@esbuild/win32-x64“ could not be found, and is n

    在学习vue3,使用vite创建项目,启动npm run dev时报错 💂 个人网站: 【紫陌】【笔记分享网】 💅 想寻找共同学习交流、共同成长的伙伴, 请点击【前端学习交流群】 failed to load config from C:UsersPC3803DesktopVue3+TSvue3_ts_cmsvite.config.ts error when starting dev server: Error: The package \\\"@esb

    2024年02月05日
    浏览(10)
  • Unable to start the server: Extension backend error - rsp error - community server connector failed

    Unable to start the server: Extension backend error - rsp error - community server connector failed

    无法启动服务器:扩展后端错误-rsp错误-社区服务器连接器无法启动-“启动器.start没有结果” 在使用VScode部署tomcat的时候,使用Community Server Connectord的时候遇到这个bug  JDK版本是11  虽然不知道是什么问题,但是只要把Community Server Connector更换成 0.25.7 的版本就能安装本地的

    2024年04月16日
    浏览(86)
  • Android ERROR: Failed to resolve: com.github.**** 报错

    我原来的build.gradle文件: 可能是项目的Build.gradle 的 maven 仓库的配的位置不对,更改了之后就可以了 更改了之后我的项目就可以顺利运行了(参考)。

    2024年02月04日
    浏览(8)
  • failed to start daemon: Error initializing network controller: Error creating default “bridge“ netw

    failed to start daemon: Error initializing network controller: Error creating default “bridge“ netw

    failed to start daemon: Error initializing network controller: Error creating default \\\"bridge\\\" network: Failed to program NAT chain: INVALID_ZONE: docker linux 重启防火墙 输入此命令重启防火墙 systemctl enable firewalld  重新启动docker即可 systemctl start docker

    2024年02月04日
    浏览(12)
  • 导入示例工程出现error: failed to start ability. Error while Launching activity错误的解决办法

    导入示例工程出现error: failed to start ability. Error while Launching activity错误的解决办法

    导入华为健康生活应用(ArkTS),使用 DevEco Studio 打开,运行报错: 解决办法:修改 module.json5 里面 exported 的值,由 false 改为 true 即可 可以正常运行了: 查看 module.json5 配置文件说明,对 exported 的说明如下: 设置值为 false 时不能被其他应用调用,所以出现错误。 参考华为

    2024年02月13日
    浏览(16)
  • 报错:HTTP Error 500.30 ASP.NET Core app failed to start

    报错:HTTP Error 500.30 ASP.NET Core app failed to start

    问题原因: 1.没有安装对应版本的.NET Core Runtime 。 2.发布的代码和服务器上的IIS的Runtime不对应(例:发布的是x86,而服务器上的是x64)。 3.如果版本和操作位数都对应上了,还是报错,应该在IIS-应用程序-选择对应的CLR,设置,启用32位。 解决办法: 1.下载安装对应版本的运行时R

    2024年02月11日
    浏览(11)
  • 已解决Message: unknown error: Chrome failed to start: crashed (chrome not reachable)

    已解决Message: unknown error: Chrome failed to start: crashed (chrome not reachable)

    已解决selenium.common.exceptions.WebDriverException: Message: unknown error: Chrome failed to start: crashed (chrome not reachable) (The process started from chrome location C:UsersAdministratorAppDataLocalGoogleChromeApplicationchrome.exe is no longer running, so ChromeDriver is assuming that Chrome has crashed.) (Driver info: chromedriver=72.0.3

    2023年04月26日
    浏览(6)
  • bug笔记:解决 HTTP Error 500.30 - ASP.NET Core app failed to start

    bug笔记:解决 HTTP Error 500.30 - ASP.NET Core app failed to start

    总结下后端部署windos iis环境net6版本,500.30问题报错的一种解决方案: 检查下是否安装了net6对应的环境,是否已经安装 然后在事件管理器Windows日志应用程序,里面查看详细异常记录 在iis下面找到部署的后端,找到右侧栏的编辑权限,给Everyone用户授权。

    2024年01月20日
    浏览(47)
  • Android 7.0 源码编译报错:SSL error when connecting to the Jack server. Try ‘jack-diagnose‘

    ============================================================================ 以上就是报错的全部内容,在网上找了很久,各有各的问题,但是和我一样的问题也不少,把报错信息全部显示出来。 问题关键: Ubuntu 安装openjdk1.8后,必须干掉 TLSv1, TLSv1.1 我看到这个就想起来了。恼火啊。 详细情

    2024年02月04日
    浏览(10)
  • 使用docker报Error response from daemon: Cannot start container container-name: failed to create

    昨天使用Docker进行容器化应用开发的过程中,遇到端口冲突的问题。当我们尝试启动一个新的容器时,可能会收到以下错误信息: Error response from daemon: Cannot start container container-name: failed to create endpoint endpoint-name on network network-name: Bind for 0.0.0.0:port failed: port is already allocated.

    2024年02月10日
    浏览(12)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包