quasar - 未找到 Quasar QSpinner 模块

Question

我收到以下错误：

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

Answer 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”

Answer 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 组件和指令

Answer 3

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

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

在开头也导入组件