我的项目仍在使用 graph-i-ql 而不是 Playground答案

【问题标题】：My project is still using graph-i-ql instead of playground我的项目仍在使用 graph-i-ql 而不是 Playground
【发布时间】：2019-09-11 17:04:59
【问题描述】：

如何使用 Playground 而不是 graph-i-ql？

gatsby docs - using graphql playground

我尝试了几种方法来加载 Playground 而不是 graph-i-ql，更新了 xcode，使用了不同的浏览器，全局安装了 Playground，重新启动等等。我的项目仍在加载 graph-i-ql http://localhost:8000/___graphql在我的鱼壳中运行 gatsby develop 之后。

my github repo

{
  "name": "gatsby-bootcamp",
  "private": true,
  "description": "Gatsby Bootcamp by Andrew Mead",
  "version": "0.1.0",
  "license": "MIT",
  "scripts": {
    "build": "gatsby build",
    "develop": "GATSBY_GRAPHQL_IDE=playground gatsby develop",
    "format": "prettier --write src/**/*.{js,jsx}",
    "start": "npm run develop",
    "serve": "gatsby serve",
    "test": "echo \"Write tests! -> https://gatsby.dev/unit-testing\""
  },
  "dependencies": {
    "babel-plugin-styled-components": "^1.10.0",
    "gatsby": "^2.3.16",
    "gatsby-cli": "^2.5.9",
    "gatsby-plugin-styled-components": "^3.0.7",
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "styled-components": "^4.2.0"
  },
  "devDependencies": {
    "graphql-playground": "^1.3.17",
    "prettier": "^1.17.0"
  }
}

【问题讨论】：

我克隆了你的项目并且它工作正常。你确定你运行的是yarn develop 而不是gatsby develop？ yarn develop 将与 GATSBY_GRAPHQL_IDE=playground 一起运行，gatsby develop 不会。
现在说得通了！当我运行npm run develop 操场负载时。谢谢@DerekNguyen。你想写一个答案，以便我给你信用吗？
很高兴它对你有用！不用担心，您可以自己发布答案并将其标记为正确。添加一点信息：所有npm run develop 或yarn develop 所做的都是运行您在package.json 中指定的脚本。也可以直接在命令行中运行GATSBY_GRAPHQL_IDE=playground gatsby develop，也是一样的。

标签： graphql gatsby prisma-graphql graphiql

【解决方案1】：

使用 npm run develop 而不是 gatsby develop 从 package.json 运行脚本命令

它在我的脚本npm run develop 中的编写方式在运行gatsby develop 之前运行GATSBY_GRAPHQL_IDE=playground 这会导致加载playground 而不是graph-i-ql。

谢谢Derek Nguyen

【讨论】：