Html 在<；风格>；及<；脚本>；vuejs？

我不熟悉vuejs、html和css。当我尝试在App.vue中导入scss文件时，如果我这样导入，它就会工作

<script>
    import '@/assets/scss/main-pc.scss')
</script>

它没有正常工作，我遇到了这个错误

These relative modules were not found:

* ../img/bg_login.png in ./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-7ba5bd90","scoped":false,"hasInlineConfig":false}!./node_modules/sass-loader
/dist/cjs.js?{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue

似乎无法加载图像的路径

---

你知道为什么吗？

导入'@/assets/scss/main-pc.scss'）scss文件不应该在

中，因为它是scss文件。

---

scss文件需要相应的加载程序来编译和解析css/scss/sass文件。

请检查此

main-pc.scss

文件。错误是它找不到与您导入的组件路径相关的

bg_login.png

图像。@YomS。经过编辑，它实际上是一个文件。不，我的意思是，文件

main-pc.scss

本身，必须在这个文件的某个地方引用这个名为“bg_login.png”的图像文件，看看。@YomS。有。但当我导入脚本标记时，它工作得很好。我检查过了，问题可能是编译后引起的，css指向不同的文件名（/static/img/bg_login.99bd357.png），但它仍然指向

。/img/bg_login.png

如果导入到

样式中，则不是为了导入，而是为了包含每个组件的本地样式（您可以在其上放置范围选项），导入应该在脚本中完成。如果我们使用sass加载程序怎么办？它是否能够在
中导入SCS？是的，正如@michael所提到的，包含特定于该comp的样式是一种很好的做法。如果您想添加可重用类，最好在全局样式表中添加这些类，在您的示例中是style.scss
These relative modules were not found:

* ../img/bg_login.png in ./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-7ba5bd90","scoped":false,"hasInlineConfig":false}!./node_modules/sass-loader
/dist/cjs.js?{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue