导入vue.js组件

franckvalet：

您好，我在vue.js的练习中导入组件时遇到问题。

我在CarPage.vue中，我想导入CarList.vue和CarDetails.vue。

这是导入代码的一部分：

<script>
import CarList from '../components/CarList.vue'
import CarDetails from '../components/CarDetails.vue'
export default {
    components: {CarList, CarDetails}
}
</script>

我有这个错误：

Failed to compile.

./src/components/pages/CarPage.vue?vue&type=script&lang=js& (./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/pages/CarPage.vue?vue&type=script&lang=js&)
Module not found: Error: Can't resolve '../components/CarDetails.vue' in 'C:\Users\rollivier\Desktop\Franck\dicolor\vue\medium\src\components\pages'

ern属

您CarPage.vue正坐在相同的组件文件中。因此，您需要这样导入：

<script>
import CarList from '../CarList.vue'
import CarDetails from '../CarDetails.vue'
export default {
    components: {CarList, CarDetails}
}
</script>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。