Question

我有一个默认的Vue.js CLI 3应用程序，该应用程序使用webpack根据需要延迟加载页面，就像这样：

{
    path: "videos",
    component: () => import("./../views/root/videos/VideosController"),            
},

在台式机上以及在cordova开发人员模式下运行时（使用https://www.npmjs.com/package/vue-cli-plugin-cordova），这完全可以正常工作

我遇到的问题是在构建cordova ios生产时。在设备上，它加载第一个块，然后在每次尝试加载另一个块（例如页面更改）时失败，并显示以下错误消息：

2019-12-29 00:59:01.529674+1300 HIP[5835:1667996] NSURLConnection finished with error - code -1100
2019-12-29 00:59:01.530513+1300 HIP[5835:1667995] NSURLConnection finished with error - code -1100
2019-12-29 00:59:01.531501+1300 HIP[5835:1667995] NSURLConnection finished with error - code -1100
2019-12-29 00:59:01.532403+1300 HIP[5835:1667995] NSURLConnection finished with error - code -1100
2019-12-29 00:59:01.537502+1300 HIP[5835:1667969] /blog/mngcDUwLBKBMDa17W3F8/believe-in-yourself
2019-12-29 00:59:01.543607+1300 HIP[5835:1667969] ERROR: {"code":"CSS_CHUNK_LOAD_FAILED","request":"css/chunk-efa8f284.a9f372e1.css","line":1,"column":2774,"sourceURL":"file:///private/var/containers/Bundle/Application/58A6438F-E877-4C93-8C6D-EF299FC47147/HIP.app/www/js/app.15ed20c2.js"}

有人对这可能会被打破有任何想法吗？我无法从Google搜索错误消息中找到任何内容，但可能丢失了一些内容。

另外，这是我的vue.config.js文件

    runtimeCompiler: true,
    chainWebpack: config => {
        config.module
            .rule("html")
            .test(/\.html$/)
            .use("html-loader")
            .loader("html-loader")
            .options({
                dynamicTyping: true,
                header: true,
                skipEmptyLines: true
            })
            .end();

        config.module
            .rule("less")
            .test(/\.less$/)
            .use("less-loader")
            .loader("less-loader")
            .loader("css-loader")
            .loader("style-loader")
            .end();
    },
    publicPath: '',
    pluginOptions: {
        cordovaPath: 'cordova'
    },
    devServer: {
        https: false
    }
}

Answer 1

问题是在Vue路由器中使用“历史记录”模式而不是“哈希”模式。这是由于对

的误解

该插件已经尝试自动修复此问题...

在vue-cli-plugin-cordova的文档中。

Cordova VueJs Webpack延迟加载在生产中失败

1 个答案: