반응 앱에서 그래프 쿨 릴레이 API에 연결할 때이 오류가 발생합니다. 모듈 빌드 실패 : 오류 : 유효한 GraphQL 엔드 포인트가 없습니다.

Question

Lynda.com의 'fullstack 반응 응용 프로그램 배포'자습서를 따르고 있습니다. 나는 프로젝트를 비계하기 위해 'create-react-app 프로젝트를 사용하고있다. 어떤 이유인지 모르겠지만 내 앱은 브라우저에 문제없이 직접 액세스 할 수있는 API에 액세스 할 수 없습니다. 여기 내 package.json 파일이 있는데, 'yarn start'를 실행할 때마다 오류가 발생합니다.

{ 
    "name": "tictacturing", 
    "version": "0.1.0", 
    "private": true, 
    "dependencies": { 
    "autoprefixer": "7.1.6", 
    "babel-core": "6.26.0", 
    "babel-eslint": "7.2.3", 
    "babel-jest": "20.0.3", 
    "babel-loader": "7.1.2", 
    "babel-preset-react-app": "^3.1.0", 
    "babel-runtime": "6.26.0", 
    "case-sensitive-paths-webpack-plugin": "2.1.1", 
    "chalk": "1.1.3", 
    "css-loader": "0.28.7", 
    "dotenv": "4.0.0", 
    "eslint": "4.10.0", 
    "eslint-config-react-app": "^2.0.1", 
    "eslint-loader": "1.9.0", 
    "eslint-plugin-flowtype": "2.39.1", 
    "eslint-plugin-import": "2.8.0", 
    "eslint-plugin-jsx-a11y": "5.1.1", 
    "eslint-plugin-react": "7.4.0", 
    "extract-text-webpack-plugin": "3.0.2", 
    "file-loader": "1.1.5", 
    "fs-extra": "3.0.1", 
    "html-webpack-plugin": "2.29.0", 
    "jest": "20.0.4", 
    "object-assign": "4.1.1", 
    "postcss-flexbugs-fixes": "3.2.0", 
    "postcss-loader": "2.0.8", 
    "promise": "8.0.1", 
    "raf": "3.4.0", 
    "react": "^16.2.0", 
    "react-dev-utils": "^4.2.1", 
    "react-dom": "^16.2.0", 
    "react-relay": "^1.4.1", 
    "relay-runtime": "^1.4.1", 
    "style-loader": "0.19.0", 
    "sw-precache-webpack-plugin": "0.11.4", 
    "url-loader": "0.6.2", 
    "webpack": "3.8.1", 
    "webpack-dev-server": "2.9.4", 
    "webpack-manifest-plugin": "1.3.2", 
    "whatwg-fetch": "2.0.3" 
    }, 
    "scripts": { 
    "start": "set GRAPHQL_ENDPOINT=https://api.graph.cool/relay/v1/cjazdk3jg0yj70197193cltrf && node scripts/start.js", 
    "build": "set GRAPHQL_ENDPOINT=https://api.graph.cool/relay/v1/cjazdk3jg0yj70197193cltrf && node scripts/build.js", 
    "test": "node scripts/test.js --env=jsdom" 
    }, 
    "jest": { 
    "collectCoverageFrom": [ 
     "src/**/*.{js,jsx,mjs}" 
    ], 
    "setupFiles": [ 
     "<rootDir>/config/polyfills.js" 
    ], 
    "testMatch": [ 
     "<rootDir>/src/**/__tests__/**/*.{js,jsx,mjs}", 
     "<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}" 
    ], 
    "testEnvironment": "node", 
    "testURL": "http://localhost", 
    "transform": { 
     "^.+\\.(js|jsx|mjs)$": "<rootDir>/node_modules/babel-jest", 
     "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js", 
     "^(?!.*\\.(js|jsx|mjs|css|json)$)": "<rootDir>/config/jest/fileTransform.js" 
    }, 
    "transformIgnorePatterns": [ 
     "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs)$" 
    ], 
    "moduleNameMapper": { 
     "^react-native$": "react-native-web" 
    }, 
    "moduleFileExtensions": [ 
     "web.js", 
     "mjs", 
     "js", 
     "json", 
     "web.jsx", 
     "jsx", 
     "node" 
    ] 
    }, 
    "babel": { 
    "plugins": [ 
     "react-relay" 
    ], 
    "presets": [ 
     "react-app" 
    ] 
    }, 
    "eslintConfig": { 
    "extends": "react-app" 
    }, 
    "devDependencies": { 
    "babel-plugin-react-relay": "^0.10.0", 
    "eslint": "^4.10.0", 
    "eslint-plugin-react": "^7.4.0" 
    } 
} 

Answer 1

처음에 서비스를 어떻게 만들었습니까?

로컬로만 만들었을 수도 있습니다.

https://api.graph.cool/relay/v1/cjazdk3jg0yj70197193cltrf 실제로 유효한 GraphQL 종점은 존재하지 않습니다.

편집 : 프로젝트 cjazdk3jg0yj70197193cltrf을 삭제

"start": "set GRAPHQL_ENDPOINT=https://api.graph.cool/relay/v1/cjb223en111od0191dzu1vba4 && node scripts/start.js", 
"build": "set GRAPHQL_ENDPOINT=https://api.graph.cool/relay/v1/cjb223en111od0191dzu1vba4 && node scripts/build.js", 

-

업데이트이 두 줄

"start": "set GRAPHQL_ENDPOINT=https://api.graph.cool/relay/v1/cjazdk3jg0yj70197193cltrf && node scripts/start.js", 
"build": "set GRAPHQL_ENDPOINT=https://api.graph.cool/relay/v1/cjazdk3jg0yj70197193cltrf && node scripts/build.js", 

는 엔드 포인트도 제거되었다.