問題タブ [vercel]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
svelte - zeit/now での svelte/sapper ダイレクト リンクの問題 - デバッグまたは修正方法は?
開発では、任意のルートに直接リンクできます。Zeit/now では、一部のページへのリンクを誘導できますが、他のページへのリンクは誘導できません。問題を特定するのに苦労しています。
たとえば、「https://partyshoegame.now.sh/games/play/Sparkle」に直接移動しても機能しませんが、ホームページから同じ場所に移動すると機能します。
Zeit ランタイム ログにはエントリがありません。
多分それは私がfirebaseコンテンツを持っているページですか？RXJS/RXfire 経由で firebase auth を使用し、Google の API 経由で firestore を使用します。
私が試したと主張すること：
リンクの深さ: 私のコンテンツは 2 層の深さです。1層だけの深さになるようにいくつか引き上げましたが、違いはありませんでした.
Slugs: ブログのサンプルとコンテンツがあります。ブログは機能しますが、私のものは機能しません。
私のヘルパー js コード: アンダースコア名のないルート フォルダーにいくつかの js ファイルがありました。それらがルートの問題を引き起こしているのではないかと考えました。アンダースコアを追加しましたが、違いはありません。
スラッグ #2: 名前付きファイルを 2 レベルの深さに配置しました。直接アクセスできません インデックスがありませんか?: 一部のルートには [slug].svelte しかありません。index.svelte を追加しました。変わりはない。
スラッグ #3: ファイルの名前は [playDocId].svelte で、params.playDocId を使用しました。[ナメクジ]に切り替えました。変わりはない
アプリ サーバー: Express 用に polka を切り替えました。変わりはない
私のルートフォルダのスニペット
サーバーの応答
` dev では、任意のルートに直接リンクできます。Zeit/now では、一部のページへのリンクを誘導できますが、他のページへのリンクは誘導できません。問題を特定するのに苦労しています。
たとえば、「https://partyshoegame.now.sh/games/play/Sparkle」に直接移動しても機能しませんが、ホームページから同じ場所に移動すると機能します。
Zeit ランタイム ログにはエントリがありません。
多分それは私がfirebaseコンテンツを持っているページですか？RXJS/RXfire 経由で firebase auth を使用し、Google の API 経由で firestore を使用します。
私が試したと主張すること：
リンクの深さ: 私のコンテンツは 2 層の深さです。1層だけの深さになるようにいくつか引き上げましたが、違いはありませんでした.
Slugs: ブログのサンプルとコンテンツがあります。ブログは機能しますが、私のものは機能しません。
私のヘルパー js コード: アンダースコア名のないルート フォルダーにいくつかの js ファイルがありました。それらがルートの問題を引き起こしているのではないかと考えました。アンダースコアを追加しましたが、違いはありません。
スラッグ #2: 名前付きファイルを 2 レベルの深さに配置しました。直接アクセスできません インデックスがありませんか?: 一部のルートには [slug].svelte しかありません。index.svelte を追加しました。変わりはない。
スラッグ #3: ファイルの名前は [playDocId].svelte で、params.playDocId を使用しました。[ナメクジ]に切り替えました。変わりはない
アプリ サーバー: Express 用に polka を切り替えました。変わりはない
私のルートフォルダのスニペット
サーバーの応答
` ページが見つかりませんでした。
`
パッケージ.json
{
"name": "partyshoegame",
"description": "Party Shoe Game",
"version": "0.0.1",
"license": "UNLICENSED",
"scripts": {
"dev": "sapper dev",
"build": "sapper build --legacy",
"export": "sapper export --legacy",
"zeit": "sapper export --legacy && now --prod && sapper dev",
"start": "node __sapper__/build",
"cy:run": "cypress run",
"cy:open": "cypress open",
"test": "run-p --race dev cy:run"
},
"dependencies": {
"@firebase/app": "^0.4.19",
"body-parser": "^1.19.0",
"bulma": "^0.8.0",
"bulma-extensions": "^6.2.7",
"compression": "^1.7.1",
"date-fns": "^2.5.1",
"date-fns-tz": "^1.0.8",
"express": "^4.17.1",
"firebase": "^7.2.0",
"firebaseui": "^4.2.0",
"helmet": "^3.21.2",
"lazysizes": "^5.1.2",
"polka": "^1.0.0-next.7",
"rxfire": "^3.8.7",
"rxjs": "^6.5.3",
"sirv": "^0.4.0",
"uuid": "^3.3.3",
"uuid-random": "^1.3.0",
"xmlhttprequest": "^1.8.0"
},
"devDependencies": {
"@babel/core": "^7.0.0",
"@babel/plugin-syntax-dynamic-import": "^7.0.0",
"@babel/plugin-transform-runtime": "^7.0.0",
"@babel/preset-env": "^7.0.0",
"@babel/runtime": "^7.0.0",
"npm-run-all": "^4.1.5",
"rollup": "^1.12.0",
"rollup-plugin-babel": "^4.0.2",
"rollup-plugin-commonjs": "^10.0.0",
"rollup-plugin-node-resolve": "^5.2.0",
"rollup-plugin-replace": "^2.0.0",
"rollup-plugin-svelte": "^5.0.1",
"rollup-plugin-terser": "^4.0.4",
"sapper": "^0.27.0",
"svelte": "^3.0.0"
},
"main": "main.js",
"repository": "https://github.com/ketupia/psg-firebase",
"author": "Ketupia <ketupia@gmail.com>",
"private": true
}
ビルドプロセス
- npm 実行エクスポート
- github にコミットする
zeit/now が自動的に引っ張る
また
「npm run zeit」は sapper export で今まで push しています。
2 : https://i.stack.imgur.com/0tRuu.pngページが見つかりませんでした。
アプリケーションでページが見つかりませんでした。
404お探しのページが見つかりませんでした
コード: RESOURCE_NOT_FOUND ID: cle1:mb46h-1573325573258-8bd73af71130 `
パッケージ.json
{
"name": "partyshoegame",
"description": "Party Shoe Game",
"version": "0.0.1",
"license": "UNLICENSED",
"scripts": {
"dev": "sapper dev",
"build": "sapper build --legacy",
"export": "sapper export --legacy",
"zeit": "sapper export --legacy && now --prod && sapper dev",
"start": "node __sapper__/build",
"cy:run": "cypress run",
"cy:open": "cypress open",
"test": "run-p --race dev cy:run"
},
"dependencies": {
"@firebase/app": "^0.4.19",
"body-parser": "^1.19.0",
"bulma": "^0.8.0",
"bulma-extensions": "^6.2.7",
"compression": "^1.7.1",
"date-fns": "^2.5.1",
"date-fns-tz": "^1.0.8",
"express": "^4.17.1",
"firebase": "^7.2.0",
"firebaseui": "^4.2.0",
"helmet": "^3.21.2",
"lazysizes": "^5.1.2",
"polka": "^1.0.0-next.7",
"rxfire": "^3.8.7",
"rxjs": "^6.5.3",
"sirv": "^0.4.0",
"uuid": "^3.3.3",
"uuid-random": "^1.3.0",
"xmlhttprequest": "^1.8.0"
},
"devDependencies": {
"@babel/core": "^7.0.0",
"@babel/plugin-syntax-dynamic-import": "^7.0.0",
"@babel/plugin-transform-runtime": "^7.0.0",
"@babel/preset-env": "^7.0.0",
"@babel/runtime": "^7.0.0",
"npm-run-all": "^4.1.5",
"rollup": "^1.12.0",
"rollup-plugin-babel": "^4.0.2",
"rollup-plugin-commonjs": "^10.0.0",
"rollup-plugin-node-resolve": "^5.2.0",
"rollup-plugin-replace": "^2.0.0",
"rollup-plugin-svelte": "^5.0.1",
"rollup-plugin-terser": "^4.0.4",
"sapper": "^0.27.0",
"svelte": "^3.0.0"
},
"main": "main.js",
"repository": "https://github.com/ketupia/psg-firebase",
"author": "Ketupia <ketupia@gmail.com>",
"private": true
}
ビルドプロセス
- npm 実行エクスポート
- github にコミットする
zeit/now が自動的に引っ張る
また
「npm run zeit」は sapper export で今まで push しています。