创建构建后。在运行构建时显示空白页面

Question

在运行之后 yarn build 获取 dist 文件夹。虽然运行 index.html 我得到的是白色空白页。

文件结构：-

:~/Desktop/web$ ls  

    babel.config.js  docs  node_modules  public     src            yarn.lock
    dist             log   package.json  README.md  vue.config.js

vue.config.js

module.exports = {
    publicPath: "./", 
    chainWebpack: config => {
      config.plugins.delete('prefetch');
    },
    devServer: {
        host: 'localhost',
        https: false,
        port: 8080, 
        public: 'localhost'
    },  
}

网页输出：-

控制台输出：-

OneSignalError.js:18 Uncaught (in promise) f: OneSignal: This web push config can only be used on https://example.com. Your current origin is http://localhost:8080.
    at Function.checkRestrictedOrigin (https://cdn.onesignal.com/sdks/OneSignalPageSDKES6.js?v=151508:1:243516)
    at Function.<anonymous> (https://cdn.onesignal.com/sdks/OneSignalPageSDKES6.js?v=151508:1:243076)
    at Generator.next (<anonymous>)
    at r (https://cdn.onesignal.com/sdks/OneSignalPageSDKES6.js?v=151508:1:716)
GET http://localhost:8080/sockjs-node/info?t=1632898657676 net::ERR_CONNECTION_REFUSED
GET http://localhost:8080/sockjs-node/info?t=1632898659676 net::ERR_CONNECTION_REFUSED
GET http://localhost:8080/sockjs-node/info?t=1632898662675 net::ERR_CONNECTION_REFUSED

Answer 1

问题是您正在使用本地服务器从 Vue 测试 OneSignal，但您已在 OneSingal 配置中输入 corbid360.com 作为您的 URL。测试 OneSignal 所需要做的是将 OneSignal 仪表板内的 URL 从 Vue 项目更改为本地服务器。在本地环境中测试后，您可以将其改回 corbid360.com

最有可能的原因是您需要向 OneSignal 指定您正在使用本地主机。

Select 典型设置
输入您的本地主机URL
启用本地测试（将 HTTP 本地主机视为 HTTPS 进行测试）

加入我们的 Discord 服务器，了解更多关于我们的社区和 OneSignal 的信息：https://onesignal.com/onesignal-developers

Answer 2

我在这个问题上花了很多时间，终于找到了解决方案。在列表 post 上。如果你遇到这种类型的错误，你可以通过上面的 link.

创建构建后。在运行构建时显示空白页面

After create the build. while runing build showing blank white page

deployment

build

vue.js

onesignal

vuejs2