vue-router 无法解析async组件默认值。ChunkLoadError: 加载chunk vendors~demo失败

Posted 2023-01-09

我的程序是用 Laravel 和 Vuejs 而它的工作原理很好，在 localhost，但它得到一个错误的 host.

问题。

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

[vue-router] Failed to resolve async component default: ChunkLoadError: 加载chunk vendors~demo失败

ChunkLoadError: "Loading chunk vendors~demo failed.
(missing: http://example.com/vendors~demo.js)"
    requireEnsure http://karbabar.ir/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但这并不能解决问题。

问题出在哪里？

答案

我用下面的命令来获取编译后的程序. js 文件，这是一个错误。这些都是用于开发的好东西.

npm run watch 

或

yarn watch

用下面的命令得到输出，这样你就不会像我一样出现问题了。

npm run prod