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

Question

我用Laraveland编写了我的程序，Vuejs它在 . 上运行良好localhost，但在host.

问题：

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

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

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.jswebpackvue-router

Answer 1

经过几次尝试，我使用以下命令获取编译后的js文件，这是一个错误。这些对于开发目的都是有益的。

npm run watch 

或者

yarn watch

使用以下命令获取输出：

npm run prod