<p>我在尝试从我的index.js文件中导入组件时遇到了这个警告。</p> <p>这是我的组件文件夹：</p> <pre class="brush:php;toolbar:false;">components/ |-- index.js |-- ComponentA.vue |-- ComponentB.vue |-- ComponentC.vue</pre> <p>和index.js：</p> <pre class="brush:php;toolbar:false;">import ComponentA from './ComponentA'; import ComponentB from './ComponentB'; import ComponentC from './ComponentC'; export { ComponentA, ComponentB, ComponentC };</pre> <p>当我在任何组件（B或C）中尝试这样做时</p> <pre class="brush:php;toolbar:false;">&lt;script&gt; import { ComponentA } from './'; console.log(ComponentA); // undefined export default { components: { ComponentA } } &lt;/script&gt;</pre> <p>我在控制台中收到一个警告，如何修复它？我在这里做错了什么？</p> <p>顺便说一下，这个方法可行：</p> <pre class="brush:php;toolbar:false;">import ComponentA from './ComponentA';</pre> <p>但是我不想使用这种方法，因为我在<code>components</code>文件夹中有很多组件</p>

<script>
import { ComponentA } from './components';

export default {
    components: { ComponentA }
}
</script>