我收到以下错误:
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
答案 0 :(得分:2)
确保包含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'
答案 1 :(得分:2)
如果要使用项目中使用的所有类星体模块,可以设置quasar.conf属性 全部 到'自动'
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组件和指令
答案 2 :(得分:0)
在quasar.conf.js文件中包含QSpinner组件,并查找框架组件,并且在根目录中有一个.quasar文件夹,其中有文件import-quasar.js和quasar.js。
Vue.use(Quasar, {components: {QSpinner,QPagination,QChatMessage,QScrollArea,...
还要在开始时导入组件