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

Posted 2023-03-08

【中文标题】我的项目仍在使用 graph-i-ql 而不是 Playground

【英文标题】：My project is still using graph-i-ql instead of 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，也是一样的。

【参考方案1】：

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

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

谢谢Derek Nguyen