search

hello-deaf-world / ddl-diagram-visualizer

https://hello-deaf-world.github.io/ddl-diagram-visualizer/
MIT License
0 stars 0 forks source link

React flowを導入 #18

Closed kappakun17 closed 5 months ago

kappakun17 commented 5 months ago

概要

17

React flowを導入した。

実行

cd ddl-diagram-visualizer
npm i
npm run dev

共有

View

スクリーンショット 2024-05-17 3 02 44

close #17

kappakun17 commented 5 months ago

@hello-deaf-world/team 注意:

15 のマージ後にマージする予定ですがレビューはできるのでおなしゃすです！

Files changed 5

kappakun17 commented 5 months ago

@hello-deaf-world/team ご確認おねです！

yuta0193 commented 5 months ago

@hello-deaf-world/team ご確認おねです！

npm i は成功、その次の'npm run dev'でエラーが起きていて起動できないです・・・ コンソールログ結果を全部貼り付けますね こちらの環境不備もありえそうなのでそれも念頭に余裕あれば調べてみます

yuuta@yutaba MINGW64 ~/git/ddl-diagram-visualizer/ddl-diagram-visualizer (feature/setup-react-flow)
$ npm i

up to date, audited 311 packages in 976ms

112 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

yuuta@yutaba MINGW64 ~/git/ddl-diagram-visualizer/ddl-diagram-visualizer (feature/setup-react-flow)
$ npm run dev

> ddl-diagram-visualizer@0.0.0 dev
> vite

C:\Users\yuuta\git\ddl-diagram-visualizer\ddl-diagram-visualizer\node_modules\rollup\dist\native.js:59
                throw new Error(
                      ^

Error: Cannot find module @rollup/rollup-win32-x64-msvc. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try `npm i` again after removing both package-lock.json and node_modules directory.
    at requireWithFriendlyError (C:\Users\yuuta\git\ddl-diagram-visualizer\ddl-diagram-visualizer\node_modules\rollup\dist\native.js:59:9)
    at Object.<anonymous> (C:\Users\yuuta\git\ddl-diagram-visualizer\ddl-diagram-visualizer\node_modules\rollup\dist\native.js:68:76)
    ... 3 lines matching cause stack trace ...
    at Module._load (node:internal/modules/cjs/loader:1024:12)
    at cjsLoader (node:internal/modules/esm/translators:348:17)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:297:7)
    at ModuleJob.run (node:internal/modules/esm/module_job:222:25)
    at async ModuleLoader.import (node:internal/modules/esm/loader:316:24) {
  [cause]: Error: Cannot find module '@rollup/rollup-win32-x64-msvc'
  Require stack:
  - C:\Users\yuuta\git\ddl-diagram-visualizer\ddl-diagram-visualizer\node_modules\rollup\dist\native.js
      at Module._resolveFilename (node:internal/modules/cjs/loader:1145:15)
      at Module._load (node:internal/modules/cjs/loader:986:27)
      at Module.require (node:internal/modules/cjs/loader:1233:19)
      at require (node:internal/modules/helpers:179:18)
      at requireWithFriendlyError (C:\Users\yuuta\git\ddl-diagram-visualizer\ddl-diagram-visualizer\node_modules\rollup\dist\native.js:41:10)
      at Object.<anonymous> (C:\Users\yuuta\git\ddl-diagram-visualizer\ddl-diagram-visualizer\node_modules\rollup\dist\native.js:68:76)
      at Module._compile (node:internal/modules/cjs/loader:1358:14)
      at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
      at Module.load (node:internal/modules/cjs/loader:1208:32)
      at Module._load (node:internal/modules/cjs/loader:1024:12) {
    code: 'MODULE_NOT_FOUND',
    requireStack: [
      'C:\\Users\\yuuta\\git\\ddl-diagram-visualizer\\ddl-diagram-visualizer\\node_modules\\rollup\\dist\\native.js'
    ]
  }
}

Node.js v20.13.0
KagenoMoheji commented 5 months ago

@kappakun17 @yuta0193 俺もゆーたと同じ状況になったー 見てみる

KagenoMoheji commented 5 months ago

@yuta0193 CC: @kappakun17 package-lock.jsonとnode-modules/を消してnpm installすると解消した． package-lock.json作り直してpushした方がいいかもしれない．

yuta0193 commented 5 months ago

@KagenoMoheji @yuta0193 レビューありがとう！ 対応したのでお手数ですがもう一度確認お願いします（ ; ; ）

ありがとうございます！ズームしたりボックスを動かしたりできるようになりました！ image