質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Babel

Babelは、JavaScriptの次世代仕様であるECMAScriptのコンパイラ。次世代の標準機能を用いて記述されたコードを、それらの機能に対応していないブラウザでも動作するコードに変換することができます。

React Native

React Nativeは、ネイティブモバイルアプリ(iOS/Android)を作成できるJavaScriptフレームワークです。Reactと同じ設計のため、宣言的なコンポーネントでリッチなUIを開発することが可能です。

Q&A

解決済

1回答

4200閲覧

expo start実行時のエラーを解決したい

Takumim

総合スコア12

Babel

Babelは、JavaScriptの次世代仕様であるECMAScriptのコンパイラ。次世代の標準機能を用いて記述されたコードを、それらの機能に対応していないブラウザでも動作するコードに変換することができます。

React Native

React Nativeは、ネイティブモバイルアプリ(iOS/Android)を作成できるJavaScriptフレームワークです。Reactと同じ設計のため、宣言的なコンポーネントでリッチなUIを開発することが可能です。

0グッド

0クリップ

投稿2021/11/17 03:45

編集2021/11/17 03:46

前提・実現したいこと

expo startを実行して、エラーが発生しない状態にしたい

発生している問題

expo startを実行すると以下のようなエラーが表示されます。

$ expo start ┌─────────────────────────────────────────────────────────────────────────┐ │ │ │ There is a new version of expo-cli available (4.13.0). │ │ You are currently using expo-cli 4.12.1 │ │ Install expo-cli globally using the package manager of your choice; │ │ for example: `npm install -g expo-cli` to get the latest version │ │ │ └─────────────────────────────────────────────────────────────────────────┘ Starting project at /Users/ユーザー名/Documents/アプリ名 Developer tools running on http://localhost:19002 Opening developer tools in the browser... Cannot find module '@babel/code-frame' Require stack: - /Users/ユーザー名/Documents/アプリ名/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js - /Users/ユーザー名/Documents/アプリ名/node_modules/metro/src/node-haste/DependencyGraph.js - /Users/ユーザー名/Documents/アプリ名/node_modules/metro/src/Bundler.js - /Users/ユーザー名/Documents/アプリ名/node_modules/metro/src/IncrementalBundler.js - /Users/ユーザー名/Documents/アプリ名/node_modules/metro/src/Server.js - /usr/local/lib/node_modules/expo-cli/node_modules/@expo/dev-server/build/metro/importMetroFromProject.js - /usr/local/lib/node_modules/expo-cli/node_modules/@expo/dev-server/build/HermesBundler.js - /usr/local/lib/node_modules/expo-cli/node_modules/@expo/dev-server/build/MetroDevServer.js - /usr/local/lib/node_modules/expo-cli/node_modules/xdl/build/start/startDevServerAsync.js - /usr/local/lib/node_modules/expo-cli/node_modules/xdl/build/internal.js - /usr/local/lib/node_modules/expo-cli/node_modules/xdl/build/index.js - /usr/local/lib/node_modules/expo-cli/build/exp.js - /usr/local/lib/node_modules/expo-cli/bin/expo.js

試したこと

①Cannot find module '@babel/code-frame'と表示されているので、

$ expo install @babel/code-frame

②こちらのサイト(https://www.mongodb.com/community/forums/t/chapter0-ticket-connection-cannot-find-module-babel-register/98937/6)の中段あたりの記載内容を参考に、

$ npm uninstall packeage-lock.json node_modules/ $ expo install

③先程のサイト(https://www.mongodb.com/community/forums/t/chapter0-ticket-connection-cannot-find-module-babel-register/98937/6)の記載事項の少し下にある、

$ npm install --legacy-peer-deps

補足情報(FW/ツールのバージョンなど)

Expo v4.12.1
node v14.16.0

ほぼ一日調べていますが、まだ解決に至っておりません。。
お力をお借りしたいです。よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

$ npm install

の際に、

up to date, audited 1053 packages in 10s 33 packages are looking for funding run `npm fund` for details 27 vulnerabilities (6 low, 20 moderate, 1 high) To address issues that do not require attention, run: npm audit fix To address all issues possible (including breaking changes), run: npm audit fix --force Some issues need review, and may require choosing a different dependency. Run `npm audit` for details.

と表示されているのが気になっていたので、

$ npm audit --force

を実行した。

再度expo startを実行すると、

$ expo start ┌─────────────────────────────────────────────────────────────────────────┐ │ │ │ There is a new version of expo-cli available (4.13.0). │ │ You are currently using expo-cli 4.12.1 │ │ Install expo-cli globally using the package manager of your choice; │ │ for example: `npm install -g expo-cli` to get the latest version │ │ │ └─────────────────────────────────────────────────────────────────────────┘ Starting project at /Users/motokitakumi/Documents/Tees Unable to find expo in this project - have you run yarn / npm install yet?

一度npm install してみたものの変化がなかったので、ググってみてこちらの回答欄(https://stackoverflow.com/questions/67618967/unable-to-find-expo-in-this-project-have-you-run-yarn-npm-install-yet)を参考に、

$ sudo expo update

y/nを求められるので、すべてyを押すとexpoがバージョンアップされpackage-lock.jsonとnode_modulesが再インストールされる。

こちらの処理が終わった後にexpo startを実行したところ、
expo startでエラーが発生しなくなりました。

投稿2021/11/17 04:26

Takumim

総合スコア12

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問