공부기록/Node.js (9) 썸네일형 리스트형 [graphql]에러 code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR! npm ERR! While resolving: express-graphql@0.12.0npm ERR! Found: graphql@16.6.0npm ERR! node_modules/graphqlnpm ERR! graphql@"^16.6.0" from the root project 에러상황 : graphql 를 사용하는 중, cors에러를 만나서 cors를 npm install 하려고 했는데, 위와 같은 에러가 발생. 모든 서드파티 라이브러리를 설치하려고 하면 같은 에러가 발생. express-graphql 깃헙 계정에 들어가봤더니 해당 에러가 똑같이 발생함. 해결? 깃헙 계정 이슈에 보니 많은 사람들이 나와 같은 에러를 만나고 있었고 그중 한 사람이 아래와 같은 이야기를 해서 똑같이 따라했더니 해결 되었다. express-graphql은 0.12.0 express은 4.18.1 graphql은 15.8.0 으로 package.json에서 고치고 npm install 을 하면 된다. https://github.com/graphql/express-graphql/issues/449 L.. [CORS에러] Access to XMLHttpRequest at 'http://localhost:8080/socket.io/?EIO=4&transport=polling&t=OWDX8nq' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resou.. socket.io 로 서버와 클라이언트를 연결하려는 도중 위와같은 CORS에러가 생겼다. 에러난 코드 mongoose .connect(MONGODB_URI) .then((result) => { const server = app.listen(8080); const io = require("socket.io")(server); io.on("connection", (socket) => { console.log("Client connected"); }); }) .catch((err) => console.log(err)); 해결된 코드 서버쪽 socket을 연결하는 요청에 아래와 같이 코드를 작성해 주면 CORS에러가 해결된다. mongoose .connect(MONGODB_URI) .then((result) =.. [npm 에러] code EACCESnpm ERR! syscall symlinknpm ERR! path ../lib/node_modules/npm-check-updates/build/src/bin/cli.jsnpm ERR! dest /usr/local/bin/ncunpm ERR! errno -13npm ERR! Error: EACCES: permission denied, symlink 에러 상황 : 이전의 오류 https://wha-haha.tistory.com/154 [webpack 에러] opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital env 웹팩을 빌드하는 중 만났던 에러다 해결되지 않았던 방법 1. 위와 같은 에러를 고쳐보려고 npm version을 다운그레이드 해보았으나 똑같이 웹팩 빌드는 되지 않았다. 2. package.json의 scripts부분을 아 wha-haha.tistory.com 가 발생하여 npm-check-updates를 npm 으로 설치하던 도중 아래의 에러를 만났다. 에러의 원인 : 현재 ubuntu에서 mac으로.. webpack 에러 Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. - configuration.devtool should match pattern "^(inline-|hidden-|eval-)?(nosources-)?(cheap-(module-)?)?source-map$". 에러상황 : 강의 듣는 중 production모드일 때의 설정을 따로 하였고, webpack config.prod.js파일로 설정 파일을 조금 다르게 설정하고 해당 설정 파일을 사용해 build를 하게 만들었다. webpack.config.prod.js파일 const path = require("path"); const CleanPlugin = require("clean-webpack-plugin"); module.exports = { mode: "production", entry: "./src/app.ts", output: { filename: "bundle.js", path: path.resolve(__dirname, "dist"), }, module: { rules: [ { test: /\.ts$/.. webpack 빌드시 404에러 https://www.inflearn.com/chats/343209/webpack-%EC%8B%A4%ED%96%89-%EC%8B%9C-404-%EC%97%90%EB%9F%AC%EA%B0%80-%EB%B0%9C%EC%83%9D%ED%95%98%EB%8A%94-%EB%B6%84%EB%93%A4-%EC%B0%B8%EA%B3%A0 webpack 실행 시 404 에러가 발생하는 분들 참고 - 인프런 | 자유주제 webpack-dev-server 3버전을 기준으로 되어있는 영상인데, github에는 4버전으로 되어있어요. 이 과정에서 변경사항이 생긴 것 같습니다. devServer: { // ... publicPath: '/dist/', } 위 코드를 아래와 같이 변경하 www.inflearn.com webpack.. ts파일을 webpack 사용을 위한 초기 설정 관련 dependencies npm install --save-dev webpack webpack-cli webpack-dev-server typescript ts-loader tsconfig.json파일 설정 타입스크립트 로더의 웹팩이 이 타겟을 사용 코드가 어디에서 사용될지에 따라 자바스크립트의 변환이 다름 "target" : "es6" //es5이상 컴파일한 파일이 저장되는 위치 "outDir":"./dist" //다른 경로에서 코드를 컴파일 하고자 하면 변경 가능 컴파일 시작파일 경로 (webpack에서 필요하지 않음) 웹팩이 루트파일 위치를 결정할 것임. //"rootDir":"./src" // 경로가 필요하지 않으므로 주석 webpack.config.js파일 생성 자바스크립트 오브젝트를 exp.. [webpack 에러] opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' 웹팩을 빌드하는 중 만났던 에러다 해결되지 않았던 방법 1. 위와 같은 에러를 고쳐보려고 npm version을 다운그레이드 해보았으나 똑같이 웹팩 빌드는 되지 않았다. 2. package.json의 scripts부분을 아래와 같이 변경했으나 해결되지 않았다. "scripts": { "start": "react-scripts --openssl-legacy-provider start", "build": "react-scripts --openssl-legacy-provider build" } 해결방법 https://stackoverflow.com/questions/74726224/opensslerrorstack-error03000086digital-envelope-routinesinitialization-e.. node 특정버전 선택하기 나의 프로젝트에 맞는 버전을 선택해야 할 때 node 버전을 여러가지를 깔았다면 nvm으로 특정 버전을 선택 nvm이란? Node Version Manager , 즉 node의 버전을 관리할 수 있는 패키지 https://github.com/nvm-sh/nvm GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions - GitHub - nvm-sh/nvm: Node Version Manager.. 이전 1 2 다음
