未找到类星体QSpinner模

Question

I‘我得到了以下错误：

ERROR  Failed to compile with 1 errors                                                                                                                                                                                       

This relative module was not found:

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

我尝试过重新安装类星体cli并更新npm。

我在使用类星体框架0.15.8

和类星体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安装”。

Answer 2

如果将All 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'时，这意味着自动导入所需的类星体组件和指令

Answer 3

在QSpinner文件中包括quasar.conf.js组件，查找框架组件，根目录中有一个.quasar文件夹，其中有文件导入- quasar.js和quasar.js。

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

也可以在开头导入组件。