3

Cloudflare ワーカーで vue ssr アプリを実行しようとしています。

を使用して新しいプロジェクトを生成しましたwrangler generate test

npm install vue@nextとを使用してvをインストールしましたnpm install @vue/server-renderer

index.jsファイルを次のように編集しました。

const { createSSRApp } = require('vue')
const { renderToString } = require('@vue/server-renderer')

const app = createSSRApp({
  data: () => ({ msg: 'hello' }),
  template: `<div>{{ msg }}</div>`
})

addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request))
})

async function handleRequest(request) {
  const html = await renderToString(app)
  return new Response(html, {status: 200})
}

その後wrangler dev、テストしていましたが、ページにアクセスすると次のエラーが発生します。

ReferenceError: __VUE_PROD_DEVTOOLS__ is not defined
    at Module.<anonymous> (worker.js:8:104768)
    at n (worker.js:1:110)
    at Object.<anonymous> (worker.js:8:104943)
    at n (worker.js:1:110)
    at worker.js:1:902
    at worker.js:1:912

ヘルプやガイダンスをいただければ幸いです

4

1 に答える 1