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
ヘルプやガイダンスをいただければ幸いです