vue-router 无法解析异步组件默认值：ChunkLoadError: Loading chunk vendor~demo failed答案

【问题标题】：vue-router Failed to resolve async component default: ChunkLoadError: Loading chunk vendors~demo failedvue-router 无法解析异步组件默认值：ChunkLoadError: Loading chunk vendor~demo failed
【发布时间】：2020-08-02 16:25:09
【问题描述】：

我用Laravel 和Vuejs 编写了我的程序，它在localhost 上运行良好，但在host 上出现错误。

问题：

程序在本地主机上运行良好，但是我把它放在主机上时，出现以下错误：

[vue-router] 无法解析异步组件默认值： ChunkLoadError: 加载区块供应商~演示失败

ChunkLoadError: "Loading chunk vendors~demo failed.
(missing: http://example.com/vendors~demo.js)"
    requireEnsure http://example.com/js/manifest.js:127
    component webpack-internal:///./resources/js/router.js:56
    resolveAsyncComponents webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1904
    flatMapComponents webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1931
    flatMapComponents webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1931
    flatMapComponents webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1930
    resolveAsyncComponents webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1866
    iterator webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2121
    step webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1847
    step webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1851
    step webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1851
    step webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1848
    iterator webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2140
    _callee$ webpack-internal:///./resources/js/permission.js:109

我做了什么：

我认为文件可能没有正确地位于主机上，但这不是问题。
下一个可能性是更新Webpack，但这并没有解决问题。

问题出在哪里？

【问题讨论】：

标签： vue.js webpack vue-router

【解决方案1】：

经过几次尝试，我使用以下命令获取编译后的js文件，结果出错。 这些都适合开发目的。

npm run watch

或

yarn watch

使用以下命令获取输出：

npm run prod

【讨论】：