vue-cli构建项目,在app.vue里面调用一个组件时报错,但在子页面当中却没问题,什么原因?

我用vue-cli构建了一个项目,只有在app.vue里调用组件时就报错,但在子页面当中却能正常调用,到底是什么原因?
下面是错误报告:

ERROR in ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue 
Module not found: Error: Can't resolve 'components/navList.vue' in 'C:\Users\Mr.Mo\oneapp\pt\src'
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue 3:0-45 
 @ ./src/App.vue 
 @ ./src/main.js 
 @ multi ./build/dev-client ./src/main.js

另外我在npm终端看到这个错误提示:

 This dependency was not found:

* components/navList.vue in ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue

To install it, you can run: npm install --save components/navList.vue

这是app.vue的部分代码:

<script>
import navList from 'components/navList.vue'
export default {
  name: 'app',
  data:function(){
    return {
     items:[
       {text:'asd',href:'#'}
      ]
    }
  },
  components:{
    'nav-list':navList
  }
}
</script>

回答:

import navList from 'components/navList.vue' 这个的路径错了哦。没有猜错的话你试试这么写,import navList from './components/navList.vue'

回答:

'./components/navList.vue'

在项目目录下的前面是需要写点的,都是相对路径,如果是node_modules目录里的,可以直接引用

import "vue"

回答:

昨天在写的时候也出现这种情况。。
找了半天没发现怎么回事。。因为确信什么都没错。。
然后我把进程关了重启一次就编译成功了。。坑爹。。报错也跟你的一样。除了路径。。

回答:

我遇到的情况跟你的差不多,npm run dev报错:Unexpected string in ./src/App.vue,在vue的官方论坛里搜,最后连接到:https://github.com/vuejs/vue-…
我的vue-cli已经是最新的v5.5.1, vue-loader是v13.3.0,我将vue-loader的版本退回到v11.2.0就没问题了,重启电脑也正常了。希望对你有帮助。

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注