Question

我是vuejs，html和CSS的新手。当我尝试在App.vue中导入scss文件时，如果我这样导入，则可以正常工作

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

但是，如果我将其导入style

<style lang="scss">
  @import '@/assets/scss/main-pc.scss';
</style>

它不能正常工作，我遇到了这个错误

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

似乎无法加载图像的路径。

你知道为什么吗？

Answer 1

import '@/assets/scss/main-pc.scss') scss文件不应位于<script>内，因为它是scss文件。 scss文件需要相应的加载程序来编译和解析您的css / scss / sass文件。

导入<style>和<script> vuejs有什么区别？

1 个答案: