Web 版更改 publicPath 导致构建失败

[TechQuery]

相关平台

H5

复现仓库

https://mypoker.github.io/app-front/
浏览器版本: Chrome 83
使用框架: React

复现步骤

更改 config/index.js 的相应部分如下：

{
    "h5": {
        "publicPath": "."
    }
}

期望结果

形如 https://xxx.github.io/yyy/ 的部署地址正常运行

实际结果

• npm run dev:h5 白屏并报错 Uncaught SyntaxError: Unexpected token '<'
• npm run build:h5 白屏并报错 Uncaught (in promise) Error: Route not found

环境信息

Taro CLI 3.0.2 environment info:
  System:
    OS: Windows 10
  Binaries:
    Node: 12.18.1 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.4 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 6.14.5 - C:\Program Files\nodejs\npm.CMD

[liivk]

我也遇到了同样的问题，在我研究了半天之后终于找到原因了。在编译成h5的时候本来默认的路由模式是hash，Taro3之后默认变成了browser（虽然文档上写的还是hash），所以会报Route not found。你手动把编译配置的h5.router.mode指定hash试试。

[BlankHrt]

我也遇到这个问题，改成hash还是不行 @liivk

[TechQuery]

我也遇到这个问题，改成hash还是不行 @liivk

同不行……

[liivk]

是什么报错，Route not found还是Unexpected token '<'， @BlankHrt @TechQuery ，如果是Unexpected token '<'的话"publicPath"改成 "."试试

[SilentFlute]

我也遇到了这问题: Unexpected token '<'
publicPath: './'那么dev:h5的时候就报这个错
publicPath: '.'也是一样的
但部署的话把css js资源放根目录太乱了, 还是希望能和打包出来的index.html放一起
然后我h5是改了路由的, 毕竟/pages/index/index实在是太难看了, 我就改了:

    router: {
      mode: 'browser',
      customRoutes: {
        '/pages/index/index': '/',
        '/pages/about/index': '/about'
      }
    }

一开始以为是这个的问题, 但是删了之后依旧是不行, 只要是publicPath改成了./就会报错......

[FireFoxAhri]

同遇到，改了publicPath，报错Uncaught (in promise) Error: Route not found

[TechQuery]

@liivk 症状看楼主帖

[xiao252]

我也遇到了同样的问题，在我研究了半天之后终于找到原因了。在编译成h5的时候本来默认的路由模式是hash，Taro3之后默认变成了browser（虽然文档上写的还是hash），所以会报Route not found。你手动把编译配置的h5.router.mode指定hash试试。

第一次运行t3项目就发现了，没想到这个问题还真是因为它😤

[ML-0613]

我也遇到这个问题，环境：react+sass+ts+taro-ui；
创建完项目后，直接打包提到服务器打开页面白屏控制台提示Error: Route not found；
有遇到并解决了的吗？

[LOUSANPANG]

Taro3.x 这样确实会解决这个问题，用browser就会出现 Route not found

    router: {
      mode: 'hash',
      customRoutes: {
        '/pages/index/index': '/'
      }
    },

[luckyadam]

相关平台

H5

复现仓库

https://mypoker.github.io/app-front/
浏览器版本: Chrome 83
使用框架: React

复现步骤

更改 config/index.js 的相应部分如下：

{
    "h5": {
        "publicPath": "."
    }
}

期望结果

形如 https://xxx.github.io/yyy/ 的部署地址正常运行

实际结果

• npm run dev:h5 白屏并报错 Uncaught SyntaxError: Unexpected token '<'
• npm run build:h5 白屏并报错 Uncaught (in promise) Error: Route not found

环境信息

Taro CLI 3.0.2 environment info:
  System:
    OS: Windows 10
  Binaries:
    Node: 12.18.1 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.4 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 6.14.5 - C:\Program Files\nodejs\npm.CMD

publicPath 不能配置为相对路径哈，要用绝对路径，不然静态资源地址都是错的

[luckyadam]

Taro3.x 这样确实会解决这个问题，用browser就会出现 Route not found

    router: {
      mode: 'hash',
      customRoutes: {
        '/pages/index/index': '/'
      }
    },

我在 3.0.7 木有复现哦

[TechQuery]

@luckyadam 默认值 publicPath: '/' 也是个相对路径，只不过是相对于根目录……

[luckyadam]

@luckyadam 默认值 publicPath: '/' 也是个相对路径，只不过是相对于根目录……

绝对以 / 开头

[TechQuery]

@luckyadam 默认值 publicPath: '/' 也是个相对路径，只不过是相对于根目录……

绝对以 / 开头

/ 对于 URL 而言是相对路径，对本地文件系统是绝对路径，这里并不清晰。

而且最关键的是如何解决发布到子目录时，外置资源 URL 正确，一个多月都给不出一个明确的说法吗？

我用 Parcel 时，--public-url 默认也是 /，发布至子目录改成 . 即可，非常 make sense~

[luckyadam]

@luckyadam 默认值 publicPath: '/' 也是个相对路径，只不过是相对于根目录……

绝对以 / 开头

/ 对于 URL 而言是相对路径，对本地文件系统是绝对路径，这里并不清晰。

而且最关键的是如何解决发布到子目录时，外置资源 URL 正确，一个多月都给不出一个明确的说法吗？

我用 Parcel 时，--public-url 默认也是 /，发布至子目录改成 . 即可，非常 make sense~

配置 publicPath，线上域名/子目录/，建议学习一下 webpack 的 publicPath 如何进行线上配置

[yanjiez]

已经done了么？如何解决呢？