[nuxt.js] タグが付いた質問

0 票

1 回答

245 閲覧数

Nuxtjsのバージョンは@nuxt/cli v2.14.12を使用しています。 アプリの構成は以下のような構成で複数のvue、jsがあります。 MyAPP │ nuxt.config.js │ package-lock.json │ package.json │ ├─.vscode │ launch.json │ ├─node_modules │ ...

1 票

0 回答

84 閲覧数

NuxtでサーバからAPI経由で取得した画像ファイルの表示をさせようとしているのですが、何も表示されず。 しかし、開発環境で実行している最中にvueファイルを更新したタイミングなどで、画像が表示されます。 そこでリロードするとまた表示されない状態にはなってしまうという。 レスポンスを見るとデータは取得できているようなのですが、バインディングしている先に表示させるための方法が良くないのでしょうか。 ...

0 票

1 回答

163 閲覧数

現在以下の環境でWEBサイトを制作しています。 node.js v18.19.0 npm 10.2.3 [email protected] microcms netlify しかし特定のコード部分でHydration children mismatchが発生。 サーバーとクライアントで出力するDOMのズレが原因とのことで見比べてみたのですが、DOMズレはなし。 他に原因となる要因はあるのでしょうか。 ...

0 票

1 回答

1,105 閲覧数

フロントエンドにVueを使って開発をしています。 バックエンドはLaravelで、apiで連携しています。 フロントエンド側のログイン管理はどのようにするのが良いのでしょうか? ・画面遷移のたびに、ログインチェック用のapiを呼び出すのでしょうか。 ・状態管理ライブラリなどでログイン状態を管理しているのでしょうか。 (その場合、どのようにログインしていないと判定していますか。...

0 票

1 回答

164 閲覧数

nuxt2で開発しているプロジェクトをnuxt3に移行したいと思っています。 nuxt2の下記のような実装は、nuxt3ではどのような実装に対応するのでしょうか? <script setup lang="ts"> や vue3 の composition API を導入した形式で実装したいと考えています。 pagex/index.vue <script ...

0 票

0 回答

75 閲覧数

以下のリポジトリですが、自分が環境構築した際はエラーは出なかったのですが、他の方にして頂いた際に、エラーが出てしまいました。 https://github.com/newyee/nuxt-site エラー内容は以下になります Cannot find module './src/algoliasearch.helper' こちらはローカル環境実行後、 localhost:3000/ja/...

1 票

1 回答

57 閲覧数

components/Heading1.vueはレイアウトに組み込まれています。 pages/page.vueからcomposable/useOperation.vueを経由してcomponents/Heading1.vueのタイトルの値を変更したいのですがタイトル初期値のまま変わりません。 pages/page.vueからh1Textを呼び出すと表示したいタイトルが取得できます。 ...

2 票

0 回答

97 閲覧数

概要 nuxt.jsを使ってLP作成のエディタを作成しようとtiptapというエディタのライブラリを入れたのですがビルド時(yarn build)にエラーになるので解消したい。 仕様技術、前提 vue2 nuxt2 typescript 導入ライブラリ package.jsonの差分を記載(yarn addで追加) "@tiptap/extension-color":...

0 票

1 回答

613 閲覧数

nuxt ver:3.0.0-rc.11 以下の構成で、composableのfetchメソッドを呼び出すコンポーネントを作成し、 pagesで2回呼び出したところ、APIリクエストを1回しかcallしません tree components: composable define fetch method call composable: callAPI fetch typescript ...

1 票

1 回答

990 閲覧数

Nuxt3を使用して、WEBアプリケーションを開発しています。 Nuxt3でaws-sdk(v2)を読み込んだところ、 ローカルのyarn devコマンドでは正常にAWSSDKの実行はできているのですが、 nuxt generate && nuxt startコマンドで表示を行うと、ブラウザのコンソールログに、 Cannot read properties of undefined ...

0 票

1 回答

376 閲覧数

表題の通り、[Vue.js + Nuxt.js + TypeScript]でWEBアプリケーションを作成しているのですが、Layoutsから呼び出しているComponentに対し、Layoutsを適用しているPagesからComponentの変数に対して操作を行たのですが、完全に詰まってしまったため質問させてください。 やりたいことの要点としては、 ・...

0 票

1 回答

263 閲覧数

開発環境 Nuxt.js (Vue) firebase/firestore/cloudfunctions 質問対象ライブラリ[pdfmake] 問題点 インストールしたライブラリ[pdfmake]のディレクトリ配下で、 npm install npm run build を実行したいのですが、npm run build 実行時に以下のエラーが出てしまいます。 Module not found:...

1 票

1 回答

161 閲覧数

SSRの仕組みについて理解できない部分があり、下記の疑問に回答いただけないでしょうか。 CSRと比べたメリットに初回描画が速くなる、という記述を見かけますが、なぜ速くなるのでしょうか? クライアント側でJSのバンドルファイル自体はダウンロードして実行されると思うのですが、クライアント側ではどこの処理が省略されるのでしょうか? サーバーサイドレンダリングの部分はCloud ...

0 票

1 回答

138 閲覧数

nuxt.jsでfirebaseモジュールを使用しているのですが、 store内で対象テーブルのIDにartistIdsのIDを持っているデータを抽出したく、下記コードを作成しましたが、this.$fire.firestore.FieldPathがundefinedになってしまい動作しません。 const arQs = await this.$fire.firestore ....

0 票

1 回答

350 閲覧数

NuxtとRailsを利用してpdfを生成しています。 生成gemとしてprawnを採用しており、適切なparamsをapiに送信した場合にpdfが作成されることを確認できています。 axios経由でこのAPIを叩いたとき、application/pdf型 のレスポンスを、Nuxtプロジェクト上でPDFとして表示したいです。 知見ある方いらっしゃればご教授願いたいです。 params { ...