未找到 Quasar QSpinner 模块答案

【问题标题】：Quasar QSpinner module not found未找到 Quasar QSpinner 模块
【发布时间】：2018-09-02 06:42:01
【问题描述】：

我收到以下错误：

ERROR  Failed to compile with 1 errors                                                                                                                                                                                       

This relative module was not found:

* ./QSpinner in ./node_modules/quasar-framework/src/components/spinner/index.js

我尝试重新安装 quasar-cli 并更新 npm

我正在使用 quasar-framework 0.15.8
和 quasar-cli 0.15.12

【问题讨论】：

如果您使用的是 quasar 旧版本，则必须按照以下文档使用微调器：v0-13.quasar-framework.org/components/spinners.html。对于新版本的类星体，文档是：quasar.dev/vue-components/spinners

标签： quasar quasar-framework

【解决方案1】：

确保包含 QSpinner 组件。打开 quasar.conf.js 文件并查找框架组件并将其添加到那里。

framework: {
  components: [
    'QSpinner',
    'QLayout',
    'QLayoutHeader',
    'QLayoutDrawer',
    'QPageContainer',
    'QPage',
    'QToolbar',
    'QToolbarTitle',
    'QBtn',
    'QIcon',
    'QList',
    'QListHeader',
    'QItem',
    'QItemMain',
    'QItemSide'
  ],
  directives: [
    'Ripple',
    'TouchPan'
  ],
  // Quasar plugins
  plugins: [
    'Notify'
  ]
},

如果您已经这样做了，请尝试删除 node_modules 并重新运行“npm install”

【讨论】：

【解决方案2】：

如果您想使用您在项目中使用的所有 quasar 模块，您可以设置 quasar.conf 属性所有到'auto'

    framework: {
      iconSet: 'material-icons', // Quasar icon set
      lang: 'en-us', // Quasar language pack

      // Possible values for "all":
      // * 'auto' - Auto-import needed Quasar components & directives
      //            (slightly higher compile time; next to minimum bundle size; most convenient)
      // * false  - Manually specify what to import
      //            (fastest compile time; minimum bundle size; most tedious)
      // * true   - Import everything from Quasar
      //            (not treeshaking Quasar; biggest bundle size; convenient)
      all: 'auto',

      components: [],
      directives: [
        'GoBack'
      ],

      // Quasar plugins
      plugins: [
        'Loading',
        'LocalStorage',
        'SessionStorage',
        'Notify'
      ]
    },

因此，当您将属性 'all' 设置为 'auto' 时，这意味着自动导入所需的 Quasar 组件和指令

【讨论】：

【解决方案3】：

在 quasar.conf.js 文件中包含 QSpinner 组件并查找框架组件，在根目录下有一个 .quasar 文件夹，其中有文件 import-quasar.js 和 quasar.js。

 Vue.use(Quasar, {components: {QSpinner,QPagination,QChatMessage,QScrollArea,...

在开头也导入组件

【讨论】：