如何调试或修复zeit/now上的svelte/皂苷直接链接问题？

Question

在dev中，我可以直接连接到任何路线。在Zeit/now上，我可以链接到一些页面，但不能链接其他页面。我在努力解决这个问题。

下面是一个示例，直接导航到"https://partyshoegame.now.sh/games/play/Sparkle“并不有效，但是从主页导航到相同的位置确实有效。

Zeit运行时日志没有任何条目。

也许是我有火药味的网页？我通过RXJS/RXfire使用firebase，通过google的API使用防火墙。

我坚持我试过的东西：

链接深度:我的内容有两层深。我把一些拉到只有一层深，但这并没有什么区别。

鼻涕虫:我有博客样本和我的内容。博客起作用，我的不行。

我的Helper代码:我在路由文件夹中有几个js文件，没有下划线名称。我想这些可能是造成路线问题的原因。我加了下划线，没什么区别。

鼻涕虫#2:我把一个命名的文件放在两层深。不能直接访问它--没有索引？：我的一些路由只有slug.svelte。我加了index.svelte。没什么区别。

子弹#3:我的文件名为playDocId.svelte，然后我使用了params.playDocId。我把它们换成鼻涕虫。无差别

应用服务器:切换波尔卡用于快递。无差别

“我的路线”文件夹的片段

routes
 > blog
  > games
   > play
    [playDocId].svelte
   > edit
     [editDocId]-svelte

“我的路线”文件夹的截图

服务器响应

‘在开发中，我可以直接连接到任何路线。在Zeit/now上，我可以链接到一些页面，但不能链接其他页面。我在努力解决这个问题。

下面是一个示例，直接导航到"https://partyshoegame.now.sh/games/play/Sparkle“并不有效，但是从主页导航到相同的位置确实有效。

Zeit运行时日志没有任何条目。

也许是我有火药味的网页？我通过RXJS/RXfire使用firebase，通过google的API使用防火墙。

我坚持我试过的东西：

链接深度:我的内容有两层深。我把一些拉到只有一层深，但这并没有什么区别。

鼻涕虫:我有博客样本和我的内容。博客起作用，我的不行。

我的Helper代码:我在路由文件夹中有几个js文件，没有下划线名称。我想这些可能是造成路线问题的原因。我加了下划线，没什么区别。

鼻涕虫#2:我把一个命名的文件放在两层深。不能直接访问它--没有索引？：我的一些路由只有slug.svelte。我加了index.svelte。没什么区别。

子弹#3:我的文件名为playDocId.svelte，然后我使用了params.playDocId。我把它们换成鼻涕虫。无差别

应用服务器:切换波尔卡用于快递。无差别

“我的路线”文件夹的片段

routes
 > blog
  > games
   > play
    [playDocId].svelte
   > edit
     [editDocId]-svelte

“我的路线”文件夹的截图

服务器响应

“找不到这一页。

The page could not be found in the application.

404: NOT_FOUND
>Code: RESOURCE_NOT_FOUND
ID: cle1:mb46h-1573325573258-8bd73af71130

`

错误页面截图

package.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     }` 

构建过程

1. npm经营出口
2. 致力于github
3. zeit/现在自动拉出 或

"npm run zeit“是工兵出口并推向现在。

2：找不到https://i.stack.imgur.com/0tRuu.pngThe页面。

无法在应用程序中找到该页。

404: NOT_FOUND

代码: RESOURCE_NOT_FOUND ID: cle1:mb46h-1573325573258-8bd73af71130

错误页面截图

package.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     }` 

构建过程

1. npm经营出口
2. 致力于github
3. zeit/现在自动拉出 或

"npm run zeit“是工兵出口并推向现在。

Answer 1

面对这个问题，Netlify。

对这一问题的简要总结：

• 转到www.example.com，然后单击/products，您将看到www.example.com/products。
• 直接进入www.example.com/products会导致404。

解决方案：

将所有URL重定向到index.html。

执行情况：

Zeit：添加404页并将其重定向到index.html。

Netlify：在发布目录中添加一个名为_redirects (无扩展名)的新文件(在部署设置下找到)。

将这一行添加到_redirects：/* /index.html 200中

来自Netlify文档：

这将有效地为index.html提供服务，而不是提供一个404，而不管浏览器请求什么URL。

Answer 2

我已经把主持人从Zeit/now转到Heroku。这个功能在Heroku上运行得很好。

Answer 3

你需要使用一个特殊的建设者来实现这一点：

https://github.com/thgh/vercel-sapper