新手使用Nuxt遇到的问题

Nuxt 初学者遇到的问题解决

1. 在 Vue 文件中，scss 被识别为 css 导致 scss 语法报错

解决方案：建立.vscode/settings.json 文件，添加如下内容

{
  "files.associations": {
    "*.vue": "vue"
  }
}

2. nuxt.config.js 中的 css 全局配置无效

解决方案：使用 vite 配置

export default defineNuxtConfig({
  vite: {
    css: {
      preprocessorOptions: {
        scss: {
          additionalData: `@import '@/assets/scss/global.scss';`,
        },
      },
    },
  },
})

首次启动总是报错：Not Found Page:/ 解决方案：长按浏览器的刷新按钮，选择清空缓存并刷新
import vue 单文件组件提示没有导出解决方案：禁止Vetur插件，使用Vue - Official插件