无法解析动态导入的vue组件

当我尝试使用import()函数导入动态组件时,收到以下错误:

[Vue warn]: Failed to resolve async component: function () {
    return __webpack_require__("./src/components/types lazy recursive ^\\.\\/field\\-.*$")("./field-" + _this.type);
}
Reason: Error: Loading chunk 0 failed.

不幸的是,我不知道是什么导致了这个错误。由于 Release Notes 。

我使用vue cli 2.9.2和webpack模板来设置此项目,这是实际组件的代码:

<template>
    <div>
        <component :is="fieldType">
            <children/>
        </component>
    </div>
</template>

<script>
export default {
    name: 'DynamicComponent',
    props: {
        type: String,
    },
    computed: {
        fieldType () {
            return () => import(`./types/type-${this.type}`)
        }
    }
}
</script>

[已解决]
上述代码有效。该问题基于 Loading chunk 0 failed 由于边缘情况。使用网页包设置 output: {publicPath: '/'} 它传递相对于根而不是其原点的块。当我嵌入 http://localhost:8080/app.js 在我的外部服务器中,并从那里调用导入函数链接的区块url是 http://myserver.com/0.js 而不是 http://localhost:8080/0.js .要解决这个问题,我必须设置 output: {publicPath: 'http://localhost:8080/'} 在网页包配置中。