踩坑：`gridsome create my-gridsome-site` 命令长时间不成功，Gridsome 安装失败

最新推荐文章于 2021-05-24 14:29:30 发布
最新推荐文章于 2021-05-24 14:29:30 发布
阅读量899 收藏 1
点赞数
分类专栏： emmm…来踩坑 文章标签： Gridsome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Bule_daze/article/details/103461783
版权
在尝试使用`gridsome create`命令创建Gridsome项目时遇到了长时间无响应的问题。解决方案是改用cnpm进行安装，先手动创建项目文件夹，然后在内部使用cnpm安装gridsome，若遇到node_modules问题，删除该文件夹后重新cnpm安装。
摘要由CSDN通过智能技术生成

Gridsome 使用步骤：

1. 安装 Gridsome CLI 工具

用 yarn 或者 npm 安装，两个随便选一个。

$ yarn global add @gridsome/cli

$ npm install --global @gridsome/cli
2. 创建 Gridsome 项目
$ gridsome create my-gridsome-site
$ cd my-gridsome-site
$ gridsome develop

运行这些命令后，本地开发服务器将运行在 http://localhost:8080，在浏览器中打开即可看到示例页面。


⚠️ BUT ！！我遇到问题了……

本来想着安装个 Gridsome 看看玩一玩，结果第一步 gridsome create my-gridsome-site 就卡住了，等了N久，一直卡在这不动弹：

control + c 重来࿰

最低0.47元/天 解锁文章
莫亓
关注
专栏目录
3-4-Gridsome 生成静态站点的基础
cloveryuan的博客
09-27 1432
1. Gridsome是什么 一个免费、开源、基于VUE.js技术栈的静态网站生成器 官方网址：https://gridsome.org GitHub: https://github.com/gridsome/gridsome 2. 什么是静态网站生成器 静态网站生成器是使用一系列配置、模板以及数据，生成静态HTML文件及相关资源的工具 这个功能也叫做预渲染 生成的网站不需要类似PHP这样的服务器 只需要放到支持静态资源的WebServer或者CDN上即可运行 3. 静态网站的好处 省钱：不需要
GridSome(一)：介绍
Bule_daze的博客
12-29 2871
背景 随着时间的推移，静态站点生成器的时代正在发生变化，许多很酷的工具正在被开发出来，以帮助促进 JAMStack 的发展，而开发人员正在接受这些工具。而 Gridome 就是创建快速网站的工具之一。 静态站点生成器：我们曾经做过的只有一些 CSS 的简单的 HTML 网站，没有任何形式的动态操作。 介绍 Gridsome 是一个由 Vue.js 提供支持的开源框架，用于构建快速的静态网站...
Gridsome创建项目
Missbelover的博客
07-18 715
首先全局安装@gridsome/cli （1） Install Gridsome CLI tool Using NPM: （下面步骤是使用了npm 安装成功的～） npm install --global @gridsome/cli Using YARN: yarn global add @gridsome/cli 如果没有安装yarn 可以按照一下步骤进行按照yarn brew ...
gridsome develop Gridsome v0.7.23 Initializing plugins... Error: No transformer for ‘text/markdown
weixin_40664145的博客
01-23 273
目录 出错现象 出错原因 解决方案 出错现象 这个报错是我在使用Gridsome创建项目之后，使用md文件作为数据导入，用cnpm先安装了@gridsome/source-filesystem插件，为了正确编译又引入了插件@gridsome/transformer-remark 之后没有起作用的问题。 > gridsome develop Gridsome v0.7.23 Initializing plugins... Error: No transformer for 'text/markd
gridsome(一)——基础
The One Who's at the Front
01-22 532
What Gridsome 是一个 Vue.js 驱动的静态站点生成器，用于创建可在任何地方部署的快速且安全的网站。 Why 前端使用 Vue.js：一个轻量级且易于使用的前端框架。 通过热加载进行本地开发：在开发过程中实时查看更改。 基于文件的页面路由：src/pages 中的任何 Name.vue 文件都是一个静态路由。 动态路由：src/pages 中的任何 [param]....
gridsome-starter-wordpress：用于Gridsome的WordPress入门
02-05
gridsome create my-gridsome-project wordpress 指南 将您的WordPress URL添加到插件选项。 // gridsome.config.js module . exports = { plugins : [ { use : '@gridsome/source-wordpress' , options : { ...
blog-with-gridsome:使用gridsome构建静态博客系统
04-03
gridsome create my-gridsome-site以安装默认启动程序 cd my-gridsome-site打开文件夹 gridsome develop可在http://localhost:8080启动本地开发服务器 快乐编码 :party_popper: :raising_hands: 项目建造过程 项目...
gridsome-affiliate-template
03-21
gridsome create my-gridsome-site以安装默认启动程序 cd my-gridsome-site打开文件夹 gridsome develop可在http://localhost:8080启动本地开发服务器 快乐编码 :party_popper: :raising_hands:
my-gridsome-app
03-10
gridsome create my-gridsome-site以安装默认启动程序 cd my-gridsome-site打开文件夹 gridsome develop可在http://localhost:8080启动本地开发服务器 快乐编码 :party_popper: :raising_hands:
遇到的问题记录之一： npm ERR! code ELIFECYCLE 解决方案
12-08 2050
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! my-gridsome-site@ develop: `gridsome develop` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the my-gridsome-site@ develop script. npm ERR! This is probably not a problem with npm. There is likely ad.
静态站点生成（SSG）——Gridsome
qq_32090185的博客
01-27 2900
Study Notes Gridsome 静态站点生成（SSG） GitHub 仓库 官网 介绍 Gridsome 是什么 Gridsome 是由 Vue.js 驱动的 Jamstack 框架，用于构建默认情况下快速生成的静态生成的网站和应用。 Gridsome 是 Vue 提供支持的静态站点生成器，用于为任何无头 CMS，本地文件或 API 构建可用于 CDN 的网站 使用 Vue.js，webpack 和 Node.js 等现代工具构建网站。通过 npm 进行热重载并访问任何软件包，并使
gridsome(四)——搭建简易博客/获取markdown文件内容
The One Who's at the Front
02-04 472
准备工作 创建项目：gridsome create +项目名 进入项目：cd +项目名 运行：gridsome develop 之后在浏览器中访问：localhost:8080即可看见以下界面： 安装插件 我们的目标是搭建一个简单的博客，而博客的内容是Markdown文档，所以需要使用gridsome插件将文件转换为可以使用GraphQL在组件中获取的内容。以下2个插件具体介绍参...
Gridsome(三)：搭建简易博客网站
Bule_daze的博客
01-13 1140
创建一个新的 Gridsome 项目。 gridsome create myBlog control + c cd myBlog cnpm install gridsome develop 默认界面： 修改后的界面： 安装插件 cnpm install @gridsom/source-filesystem -S ...
Gridsome静态网站预渲染
随风浅入画
11-18 489
Gridsome 介绍 为什么 是什么 GitHub 仓库：https://github.com/gridsome/gridsome 官网：https://gridsome.org/ Gridsome 是由Vue.js驱动的Jamstack框架，用于构建默认情况下快速生成的静态生成的网站和应用。 Gridsome是Vue提供支持的静态站点生成器，用于为任何无头CMS，本地文件或API构建可用于CDN的网站 使用Vue.js，webpack和Node.js等现代工具构建网站。通过npm进行
解决 gridsome 编译的时候报 window is not defined 的问题
猿海无涯，码农无边
03-30 489
造成这个问题的原因，是我将 window 相关的代码写在了 created 生命周期里。 而 gridsome 本质上也是 SSR，created 是在服务端发生的，服务端没有 window 这个对象。 一个简单的解决办法，是将和 window 有关的代码都挪到 mounted 这个生命周期里。 ...
解决gatsby安装失败sharp: Command failed
weixin_34133829的博客
05-30 3732
gatsby是一个基于React和Graphql搭建静态网站的工具，相较于其他的一些静态网站构建工具，他有很多优势，比如： 静态网站享受webapp的体验同时又能够享受seo React组件化的开发体验，以及丰富的生态功能 丰富的数据源，不局限于Markdown 等等等等... 然而在使用gatsby的过程中常常出现安装错误，最常见的就是使用gatsby-transformer-sharp来处...
Gridsome的配置
12-07 426
yarn的安装 yarn global add @gridsome/cli npm的安装 npm install --global @gridsome/cli sharp的库所在位置：https://github.com/lovell/sharp sharp的官方网址：https://sharp.pixelplumbing.com 在官网中找到安装 选择Chinese mirror npm config set sharp_binary_host "https://npm.ta
Gridsome 静态网站
风吹云灭
05-24 229
Gridsome 静态网站 怎么说呢，个人感觉使用挺麻烦的 官方文档操作顺序 文档链接 https://www.gridsome.cn/docs/#how-to-install 安装脚手架 yarn global add @gridsome/cli 脚手架创建项目 gridsome create my-gridsome-site 这一步会提示让你进入项目下载依赖 cd my-gridsome-site 下载依赖你会发现他报错 原来是gridsome 依赖一个sharp，需要手动下载 因为sharp依赖了一
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值