This relative module was not found

ERROR Failed to compile with 1 errors
This relative module was not found:

  • ./index.vue?vue&type=style&index=0&id=b2410a2a&lang=scss&scoped=true& in ./components/public/Header/index.vue friendly-errors 16:40:10
    [Vue warn]: Error in beforeCreate hook: “Error: Cannot find module ‘./index.vue?vue&type=style&index=0&id=b2410a2a&lang=scss&scoped=true&’”

分析错误原因: 发现提示是 ./components/public/Header/index.vue 然后 没有找到 ./index.vue?vue&type=style&index=0&lang=scss&scoped=true
一般 This relative module was found 可能是路径出错,或者没有安装对应的包
这里给的提示是 ./index.vue?vue&lang=scss&scoped=true

解决方案:
注意这里虽然提示是 ./index.vue模块没找到 但是 vue&lang=scss&scoped
一个坑点
实际上是 style标签中引入的scss文件导致的错误,错误提示显示的是vue,很容易误解为是index.vue的路径出错,或者对应包没有安装好, 实际上是scss-loader之类的包没有安装好,而不是整个index.vue出了问题

安装node-sass sass-loader scss-loader 即可,无需网上的那些其他配置(处理scss在config.js中的相关配置),nuxt即可完成使用scss文件来处理css。

你可能感兴趣的:(bug,经验之谈)