Mac 下 `gatsby new gatsby-site`失败，提示 sharp 安装失败 fatal error: 'vips/vips8' file not found 解决办法

最新推荐文章于 2023-12-20 17:44:38 发布
最新推荐文章于 2023-12-20 17:44:38 发布
阅读量4.7k 收藏 1
点赞数
分类专栏： Mac gatsby
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bonfy/article/details/85164891
版权 
$ gatsby new gatsby-site

error gatsby-site/node_modules/sharp: Command failed.
...
gyp info spawn args [ 'BUILDTYPE=Release', '-C', 'build' ]
  TOUCH Release/obj.target/libvips-cpp.stamp
  CXX(target) Release/obj.target/sharp/src/common.o
../src/common.cc:25:10: fatal error: 'vips/vips8' file not found
#include <vips/vips8>
         ^~~~~~~~~~~~
1 error generated.
make: *** [Release/obj.target/sharp/src/common.o] Error 1
gyp ERR! build error

解决办法

https://github.com/gatsbyjs/gatsby/issues/1754

$ brew install vips --with-webp --with-graphicsmagick
$ rm -rf node_modules
$ yarn install
bonfy
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
nodejs安装sharp出错的问题
weixin_34007906的博客
05-10 2665
PS D:\report\source\lpd-planning-allocation> yarn yarn install v1.3.2 [1/4] Resolving packages... [2/4] Fetching packages... info fsevents@1.1.2: The platform "win32" is incompatible with thi...
gatsby-plugin-react-helmet-async:与Gatsby一起使用react-helmet-async
03-09
如何安装 如果您使用的是NPM，请用npm i替换yarn add ： yarn add react-helmet-async gatsby-plugin-react-helmet-async react-helmet-async要求您的react和react-dom至少为16.6.0 。 如果它们早于此，则需要对其...
解决前端安装sharp出错问题sharp: Command failed.
tangdou369098655的博客
04-13 2949
欢迎大家指出文章需要改正之处~
fatal error vips vips8 file not found 完美解决方法
祥哥的说
05-17 2644
sharp: 图像处理库 有些Node应用涉及图像的简单处理（信息获取、调整大小、转码等），去网上搜索，一般会推荐使用第三方库 gm gm实际上是利用child_process调用GraphicsMagick软件。在高频率调用时，会高频率地启动和退出软件，造成相当大的非必要性能消耗。 这里推荐第三方图像处理库 sharp 。这个库本身使用了C编写的libvips图像处理库，处理速度比gm快4、5倍，且其通过C++ addons方式整合进node中，调用消耗可以忽略不计。 但sharp本身不支持输出g
解决gatsby安装失败sharp: Command failed
weixin_34133829的博客
05-30 3712
gatsby是一个基于React和Graphql搭建静态网站的工具，相较于其他的一些静态网站构建工具，他有很多优势，比如： 静态网站享受webapp的体验同时又能够享受seo React组件化的开发体验，以及丰富的生态功能 丰富的数据源，不局限于Markdown 等等等等... 然而在使用gatsby的过程中常常出现安装错误，最常见的就是使用gatsby-transformer-sharp来处...
解决前端安装sharp出错问题sharp: Command failed
u013994400的博客
12-20 751
2、更改版本，这个就看node版本和module版本的适配性了，有什么问题搜什么问题。node无法下载相应的module，比如electron或者sharp。在项目目录下配置.yarnrc（或者.npmrc文件）——最稳定最靠谱。一方面和版本有关系，另一方面和网络有关系。所以针对这两方面的问题，有如下的解决方案。3、手动下载对应的module。
node修改版本、npm修改版本、yarn无法加载文件、node_modules\sharp: Command failed解决方法
Ann_52547的博客
07-07 3463
node修改版本、npm修改版本、yarn无法加载文件、node_modules\sharp: Command failed解决方法
gatsby 安装失败
04-28 435
由于 sharp-libvips 的下载安装失败导致。删除已有的 libvips 安装包，重新安装 gatsby 成功。 $ ls ~/.npm/_libvips/ libvips-8.7.4-darwin-x64.tar.gz libvips-8.9.0-darwin-x64.tar.gz $ rm ~/.npm/_libvips/* $ npm init gatsby Thanks! Here's what we'll now do: 🛠 Create a new Gatsby si..
Gatsby安装失败-解决办法
qq_46068142的博客
02-28 305
1，Install npm packages globally without sudo on macOS and Linux： https://github.com/sindresorhus/guides/blob/main/npm-global-without-sudo.md#install-npm-packages-globally-without-sudo-on-macos-and-linux 2，
gatsby-boilerplate：在Gatsby中启动项目的出色模板，将Electric.js的开发经验视为起点。
02-12
盖茨比样板 :rocket: ...克隆此gatsby new [your_site] https://github.com/diegonvs/gatsby-boilerplate或使用Gatsby gatsby new [your_site] https://github.com/diegonvs/gatsby-boilerplate或git clone ...
gatsby-plugin-advanced-sitemap:Gatsby.js的高级XML网站地图
04-10
gatsby插件高级站点地图 默认的Gatsby站点地图插件会为您的所有页面生成一个简单的原始XML斑点。 这个高级站点地图插件增加了功能和配置，可以生成具有完整XSL模板的单个或多个站点地图，使它们井井有条，人机可读，...
gatsby-remark-oembed-example-site:gatsby-remark-oembed 插件的示例站点
05-30
gatsby-remark-oembed-example-site 这是插件的示例站点。 基于 。安装npm install 在开发中运行gatsby develop
gatsby-plugin-page-progress:盖茨比页面的进度条:purple_heart:
04-28
gatsby插件页面进度 将页面进度指示器添加到您的Gatsby项目中 :smiling_face_with_sunglasses: 向下滚动页面时，进度条将移动。 对于博客网站和其他阅读材料很有用，因此用户可以知道他们已阅读文章或页面的程度。...
基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip
05-31
【优质项目推荐】 1、项目代码均经过严格本地测试，运行OK，确保功能稳定后才上传平台。可放心下载并立即投入使用，若遇到任何使用问题，随时欢迎私信反馈与沟通，博主会第一时间回复。 2、项目适用于计算机相关专业（如计科、信息安全、数据科学、人工智能、通信、物联网、自动化、电子信息等）的在校学生、专业教师，或企业员工，小白入门等都适用。 3、该项目不仅具有很高的学习借鉴价值，对于初学者来说，也是入门进阶的绝佳选择；当然也可以直接用于 毕设、课设、期末大作业或项目初期立项演示等。 3、开放创新：如果您有一定基础，且热爱探索钻研，可以在此代码基础上二次开发，进行修改、扩展，创造出属于自己的独特应用。 欢迎下载使用优质资源！欢迎借鉴使用，并欢迎学习交流，共同探索编程的无穷魅力！ 基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip 基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip 基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip
六一儿童节快乐！（六一儿童节庆祝代码）Vue开发
05-31
六一儿童节快乐！（六一儿童节庆祝代码）Vue开发 like Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints and fixes files npm run lint Customize configuration
uniapp聊天工具源码.zip
05-31
提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。
NX二次开发uc1603 函数介绍
05-31
NX二次开发uc1603 函数介绍，Ufun提供了一系列丰富的 API 函数，可以帮助用户实现自动化、定制化和扩展 NX 软件的功能。无论您是从事机械设计、制造、模具设计、逆向工程、CAE 分析等领域的专业人士，还是希望提高工作效率的普通用户，NX 二次开发 Ufun 都可以帮助您实现更高效的工作流程。函数覆盖了 NX 软件的各个方面，包括但不限于建模、装配、制图、编程、仿真等。这些 API 函数可以帮助用户轻松地实现自动化、定制化和扩展 NX 软件的功能。例如，用户可以通过 Ufun 编写脚本，自动化完成重复性的设计任务，提高设计效率；或者开发定制化的功能，满足特定的业务需求。语法简单易懂，易于学习和使用。用户可以快速上手并开发出符合自己需求的 NX 功能。本资源内容 提供了丰富的中英文帮助文档，可以帮助用户快速了解和使用 Ufun 的功能。用户可以通过资源中的提示，学习如何使用 Ufun 的 API 函数，以及如何实现特定的功能。
【目标检测数据集】遥感类军用飞机检测数据集3800张20类别VOC+YOLO格式.zip
最新发布
05-31
【目标检测数据集】遥感类军用飞机检测数据集3800张20类别VOC+YOLO格式.zip 数据集格式：Pascal VOC格式+YOLO格式(不包含分割路径的txt文件，仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数)：3821 标注数量(xml文件个数)：3821 标注数量(txt文件个数)：3821 标注类别数：20 标注类别名称:["A1","A2","A3","A4","A5","A6","A7","A8","A9","A10","A11","A12","A13","A14","A15","A16","A17","A18","A19","A20"] 每个类别标注的框数： A1 框数 = 1646 A2 框数 = 1726 A3 框数 = 1164 A4 框数 = 642 A5 框数 = 1262 A6 框数 = 436 A7 框数 = 680 A8 框数 = 944 A9 框数 = 1073 A10 框数 = 924 A11 框数 = 501 A12 框数 = 702 A13 框数 = 1652 A14 框数 = 177
编写访问数据库表添加记录和无条件查询的SpringBoot应用程序求得price的平均值控制器以GET方法响应如下路径http://localhost:8080/books/priceavg的web提交，返回一个整数。
06-12
好的，你可以按照以下步骤来编写一个访问数据库表添加记录和无条件查询的 Spring Boot 应用程序并且求得 price 的平均值控制器以 GET 方法响应 http://localhost:8080/books/priceavg 的 web 提交： 1. 首先，在 pom.xml 中添加 Spring Boot、JPA 和 MySQL 的依赖： ```xml <dependencies> <!-- Spring Boot dependencies --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <!-- JPA dependencies --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-jpa</artifactId> </dependency> <!-- MySQL dependencies --> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> </dependency> </dependencies> ``` 2. 在 application.properties 中添加 MySQL 数据库的连接信息： ``` spring.datasource.url=jdbc:mysql://localhost:3306/mydb spring.datasource.username=root spring.datasource.password=123456 spring.jpa.show-sql=true spring.jpa.hibernate.ddl-auto=update ``` 3. 创建一个 Book 实体类，表示数据库中的 books 表： ```java @Entity @Table(name = "books") public class Book { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; private String title; private String author; private Double price; // getters and setters } ``` 4. 创建一个 BookRepository 接口，继承自 JpaRepository 接口，用于操作 Book 实体类对应的数据库表： ```java @Repository public interface BookRepository extends JpaRepository<Book, Long> { } ``` 5. 创建一个 BookController 类，用于处理 HTTP 请求： ```java @RestController @RequestMapping("/books") public class BookController { @Autowired private BookRepository bookRepository; @GetMapping("/priceavg") public Integer getPriceAvg() { List<Book> books = bookRepository.findAll(); Double sum = books.stream().mapToDouble(Book::getPrice).sum(); return (int) Math.round(sum / books.size()); } @PostMapping public Book addBook(@RequestBody Book book) { return bookRepository.save(book); } } ``` 6. 运行应用程序，并向 http://localhost:8080/books 发送 POST 请求，添加一条书籍记录： ``` POST /books HTTP/1.1 Host: localhost:8080 Content-Type: application/json { "title": "The Great Gatsby", "author": "F. Scott Fitzgerald", "price": 19.99 } ``` 7. 向 http://localhost:8080/books/priceavg 发送 GET 请求，获取 price 的平均值： ``` GET /books/priceavg HTTP/1.1 Host: localhost:8080 ``` 这样，你就可以编写一个访问数据库表添加记录和无条件查询的 Spring Boot 应用程序，并且求得 price 的平均值控制器以 GET 方法响应 http://localhost:8080/books/priceavg 的 web 提交返回一个整数了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值