导入 和<script>vuejs？

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
似乎无法加载图像的路径。

你知道为什么吗？

我是vuejs，html和CSS的新手。当我尝试在App.vue中导入scss文件时，如果我以这种方式导入

< [

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

Answer 1

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