cannot run quasar dev after updating to 1.0.2

[fansanelli]

Describe the bug after updating to latest version (@quasar/quasar-app-extension-qcalendar@1.0.2) of the component i get:

⚠️ Missing .babelrc file...

after running: $ quasar dev

To Reproduce update component and run quasar dev

Expected behavior doesn't give errors

Screenshots

Desktop (please complete the following information):

Smartphone (please complete the following information):

Additional context haven't test on a clean build

[hawkeye64]

That's interesting, since the demo is using Quasar which produces a babel.config.js instead of the .babelrc. Any chance you are using npm? If so, remove node_modules and the lock file and re-install with yarn.

[cjmendoza]

Tried what was suggested and did not work. Problem shows a little different in the console errors: Uncaught SyntaxError: Unexpected token ... at Object../node_modules/quasar-mixin-colorize/src/index.js (app.js:7154) at webpack_require (app.js:1476) at fn (app.js:833) at eval (webpack-internal:///./node_modules/@quasar/quasar-app-extension-qcalendar/src/component/mixins/calendar-base.js:19) at Module../node_modules/@quasar/quasar-app-extension-qcalendar/src/component/mixins/calendar-base.js (app.js:2308) at webpack_require (app.js:1476) at fn (app.js:833) at eval (webpack-internal:///./node_modules/@quasar/quasar-app-extension-qcalendar/src/component/QCalendar.js:16) at Module../node_modules/@quasar/quasar-app-extension-qcalendar/src/component/QCalendar.js (app.js:2192) at __webpack_require__ (app.js:1476)

[hawkeye64]

This appears to be an issue with quasar-mixin-colorize

Uncaught SyntaxError: Unexpected token ...

I'd like to know more about this error if you can track down the line. I know...javascript doesn't give much to go on... :(

[cjmendoza]

"use strict"; eval("webpack_require.r(webpack_exports);\n/ harmony export (binding) / webpack_require.d(webpack_exports, \"isNamedCssColor\", function() { return isNamedCssColor; });\n/ harmony export (binding) / webpack_require.d(webpack_exports, \"isCssColor\", function() { return isCssColor; });\n/ harmony export (binding) / webpack_require.d(webpack_exports, \"isCssVar\", function() { return isCssVar; });\n/ harmony export (binding) / webpack_require.d(webpack_exports, \"calculateColor\", function() { return calculateColor; });\n/ harmony export (binding) / webpack_require.d(webpack_exports, \"makeQuasarColorVar\", function() { return makeQuasarColorVar; });\n/ harmony export (binding) / webpack_require.d(webpack_exports, \"Colorize\", function() { return Colorize; });\n/ harmony export (binding) / webpack_require.d(webpack_exports, \"Theme\", function() { return Theme; });\n/ harmony import / var vueWEBPACK_IMPORTED_MODULE_0 = webpack_require(/! vue / \"./node_modules/vue/dist/vue.runtime.esm.js\");\n\n\nconst CSS_COLOR_NAMES = ['aliceblue', 'antiquewhite', 'aqua', 'aquamarine', 'azure', 'beige', 'bisque', 'black', 'blanchedalmond', 'blue', 'blueviolet', 'brown', 'burlywood', 'cadetblue', 'chartreuse', 'chocolate', 'coral', 'cornflowerblue', 'cornsilk', 'crimson', 'cyan', 'darkblue', 'darkcyan', 'darkgoldenrod', 'darkgray', 'darkgrey', 'darkgreen', 'darkkhaki', 'darkmagenta', 'darkolivegreen', 'darkorange', 'darkorchid', 'darkred', 'darksalmon', 'darkseagreen', 'darkslateblue', 'darkslategray', 'darkslategrey', 'darkturquoise', 'darkviolet', 'deeppink', 'deepskyblue', 'dimgray', 'dimgrey', 'dodgerblue', 'firebrick', 'floralwhite', 'forestgreen', 'fuchsia', 'gainsboro', 'ghostwhite', 'gold', 'goldenrod', 'gray', 'grey', 'green', 'greenyellow', 'honeydew', 'hotpink', 'indianred', 'indigo', 'ivory', 'khaki', 'lavender', 'lavenderblush', 'lawngreen', 'lemonchiffon', 'lightblue', 'lightcoral', 'lightcyan', 'lightgoldenrodyellow', 'lightgray', 'lightgrey', 'lightgreen', 'lightpink', 'lightsalmon', 'lightseagreen', 'lightskyblue', 'lightslategray', 'lightslategrey', 'lightsteelblue', 'lightyellow', 'lime', 'limegreen', 'linen', 'magenta', 'maroon', 'mediumaquamarine', 'mediumblue', 'mediumorchid', 'mediumpurple', 'mediumseagreen', 'mediumslateblue', 'mediumspringgreen', 'mediumturquoise', 'mediumvioletred', 'midnightblue', 'mintcream', 'mistyrose', 'moccasin', 'navajowhite', 'navy', 'oldlace', 'olive', 'olivedrab', 'orange', 'orangered', 'orchid', 'palegoldenrod', 'palegreen', 'paleturquoise', 'palevioletred', 'papayawhip', 'peachpuff', 'peru', 'pink', 'plum', 'powderblue', 'purple', 'red', 'rosybrown', 'royalblue', 'saddlebrown', 'salmon', 'sandybrown', 'seagreen', 'seashell', 'sienna', 'silver', 'skyblue', 'slateblue', 'slategray', 'slategrey', 'snow', 'springgreen', 'steelblue', 'tan', 'teal', 'thistle', 'tomato', 'turquoise', 'violet', 'wheat', 'white', 'whitesmoke', 'yellow', 'yellowgreen']\n\nfunction isNamedCssColor (color) {\n return !!color && CSS_COLOR_NAMES.includes(color.toLowerCase())\n}\n\nfunction isCssColor (color) {\n return !!color && (!!color.match(/^(#|(rgb|hsl)a?\()/) || isNamedCssColor(color))\n}\n\nfunction isCssVar (color) {\n return !!color && color.startsWith('--')\n}\n\nfunction calculateColor (color, defaultColor = 'black') {\n return color === void 0 && defaultColor !== void 0 // safety net\n ? calculateColor(defaultColor)\n : isCssColor(color)\n ? color\n : makeQuasarColorVar(color, defaultColor)\n}\n\nfunction makeQuasarColorVar (color, defaultColor) {\n const varStr = isCssVar(color)\n ? color\n : --q-color-${color}\n\n return var(${varStr}, '${defaultColor}')\n}\n\nconst Colorize = vueWEBPACK_IMPORTED_MODULE_0[\"default\"].extend({\n name: 'colorize',\n\n props: {\n color: String\n },\n\n methods: {\n isValidCssColor (color) {\n return isCssColor(color) || isCssVar(color)\n },\n\n setBothColors (color, bgColor, data = {}) {\n return this.setTextColor(color, this.setBackgroundColor(bgColor, data))\n },\n\n setBackgroundColor (color, data = {}) {\n if (this.isValidCssColor(color)) {\n const calcColor = calculateColor(color)\n data.style = {\n ...data.style,\n 'background-color': ${calcColor}\n }\n } else if (color) {\n const colorName = color.toString().trim()\n data.class = {\n ...data.class,\n ['bg-' + colorName]: true\n }\n }\n\n return data\n },\n\n setTextColor (color, data = {}) {\n if (this.isValidCssColor(color)) {\n const calcColor = calculateColor(color)\n data.style = {\n ...data.style,\n 'color': ${calcColor},\n 'caret-color': ${calcColor}\n }\n } else if (color) {\n const colorName = color.toString().trim()\n data.class = {\n ...data.class,\n ['text-' + colorName]: true\n }\n }\n return data\n }\n }\n})\n\nconst Theme = vue__WEBPACK_IMPORTED_MODULE_0[\"default\"].extend({\n name: 'theme',\n\n props: {\n theme: {\n type: Object,\n default: () => {}\n },\n enableTheme: Boolean\n },\n\n methods: {\n // this function exists for performance reasons. If you do not\n // desire the performance hit of theming, be sure to set\n // the property 'enable-themes' to false (default).\n useDefaultTheme (color, bgColor, data = {}) {\n return data\n },\n\n getThemeColors (keys = []) {\n const colors = new Map()\n if (this.enableTheme === true && this.theme !== void 0) {\n keys.forEach((key) => {\n colors.set(key, this.theme[key])\n })\n }\n return colors\n }\n }\n})\n\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvcXVhc2FyLW1peGluLWNvbG9yaXplL3NyYy9pbmRleC5qcy5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL25vZGVfbW9kdWxlcy9xdWFzYXItbWl4aW4tY29sb3JpemUvc3JjL2luZGV4LmpzP2RkYTYiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFZ1ZSBmcm9tICd2dWUnXG5cbmNvbnN0IENTU19DT0xPUl9OQU1FUyA9IFsnYWxpY2VibHVlJywgJ2FudGlxdWV3aGl0ZScsICdhcXVhJywgJ2FxdWFtYXJpbmUnLCAnYXp1cmUnLCAnYmVpZ2UnLCAnYmlzcXVlJywgJ2JsYWNrJywgJ2JsYW5jaGVkYWxtb25kJywgJ2JsdWUnLCAnYmx1ZXZpb2xldCcsICdicm93bicsICdidXJseXdvb2QnLCAnY2FkZXRibHVlJywgJ2NoYXJ0cmV1c2UnLCAnY2hvY29sYXRlJywgJ2NvcmFsJywgJ2Nvcm5mbG93ZXJibHVlJywgJ2Nvcm5zaWxrJywgJ2NyaW1zb24nLCAnY3lhbicsICdkYXJrYmx1ZScsICdkYXJrY3lhbicsICdkYXJrZ29sZGVucm9kJywgJ2RhcmtncmF5JywgJ2RhcmtncmV5JywgJ2RhcmtncmVlbicsICdkYXJra2hha2knLCAnZGFya21hZ2VudGEnLCAnZGFya29saXZlZ3JlZW4nLCAnZGFya29yYW5nZScsICdkYXJrb3JjaGlkJywgJ2RhcmtyZWQnLCAnZGFya3NhbG1vbicsICdkYXJrc2VhZ3JlZW4nLCAnZGFya3NsYXRlYmx1ZScsICdkYXJrc2xhdGVncmF5JywgJ2RhcmtzbGF0ZWdyZXknLCAnZGFya3R1cnF1b2lzZScsICdkYXJrdmlvbGV0JywgJ2RlZXBwaW5rJywgJ2RlZXBza3libHVlJywgJ2RpbWdyYXknLCAnZGltZ3JleScsICdkb2RnZXJibHVlJywgJ2ZpcmVicmljaycsICdmbG9yYWx3aGl0ZScsICdmb3Jlc3RncmVlbicsICdmdWNoc2lhJywgJ2dhaW5zYm9ybycsICdnaG9zdHdoaXRlJywgJ2dvbGQnLCAnZ29sZGVucm9kJywgJ2dyYXknLCAnZ3JleScsICdncmVlbicsICdncmVlbnllbGxvdycsICdob25leWRldycsICdob3RwaW5rJywgJ2luZGlhbnJlZCcsICdpbmRpZ28nLCAnaXZvcnknLCAna2hha2knLCAnbGF2ZW5kZXInLCAnbGF2ZW5kZXJibHVzaCcsICdsYXduZ3JlZW4nLCAnbGVtb25jaGlmZm9uJywgJ2xpZ2h0Ymx1ZScsICdsaWdodGNvcmFsJywgJ2xpZ2h0Y3lhbicsICdsaWdodGdvbGRlbnJvZHllbGxvdycsICdsaWdodGdyYXknLCAnbGlnaHRncmV5JywgJ2xpZ2h0Z3JlZW4nLCAnbGlnaHRwaW5rJywgJ2xpZ2h0c2FsbW9uJywgJ2xpZ2h0c2VhZ3JlZW4nLCAnbGlnaHRza3libHVlJywgJ2xpZ2h0c2xhdGVncmF5JywgJ2xpZ2h0c2xhdGVncmV5JywgJ2xpZ2h0c3RlZWxibHVlJywgJ2xpZ2h0eWVsbG93JywgJ2xpbWUnLCAnbGltZWdyZWVuJywgJ2xpbmVuJywgJ21hZ2VudGEnLCAnbWFyb29uJywgJ21lZGl1bWFxdWFtYXJpbmUnLCAnbWVkaXVtYmx1ZScsICdtZWRpdW1vcmNoaWQnLCAnbWVkaXVtcHVycGxlJywgJ21lZGl1bXNlYWdyZWVuJywgJ21lZGl1bXNsYXRlYmx1ZScsICdtZWRpdW1zcHJpbmdncmVlbicsICdtZWRpdW10dXJxdW9pc2UnLCAnbWVkaXVtdmlvbGV0cmVkJywgJ21pZG5pZ2h0Ymx1ZScsICdtaW50Y3JlYW0nLCAnbWlzdHlyb3NlJywgJ21vY2Nhc2luJywgJ25hdmFqb3doaXRlJywgJ25hdnknLCAnb2xkbGFjZScsICdvbGl2ZScsICdvbGl2ZWRyYWInLCAnb3JhbmdlJywgJ29yYW5nZXJlZCcsICdvcmNoaWQnLCAncGFsZWdvbGRlbnJvZCcsICdwYWxlZ3JlZW4nLCAncGFsZXR1cnF1b2lzZScsICdwYWxldmlvbGV0cmVkJywgJ3BhcGF5YXdoaXAnLCAncGVhY2hwdWZmJywgJ3BlcnUnLCAncGluaycsICdwbHVtJywgJ3Bvd2RlcmJsdWUnLCAncHVycGxlJywgJ3JlZCcsICdyb3N5YnJvd24nLCAncm95YWxibHVlJywgJ3NhZGRsZWJyb3duJywgJ3NhbG1vbicsICdzYW5keWJyb3duJywgJ3NlYWdyZWVuJywgJ3NlYXNoZWxsJywgJ3NpZW5uYScsICdzaWx2ZXInLCAnc2t5Ymx1ZScsICdzbGF0ZWJsdWUnLCAnc2xhdGVncmF5JywgJ3NsYXRlZ3JleScsICdzbm93JywgJ3NwcmluZ2dyZWVuJywgJ3N0ZWVsYmx1ZScsICd0YW4nLCAndGVhbCcsICd0aGlzdGxlJywgJ3RvbWF0bycsICd0dXJxdW9pc2UnLCAndmlvbGV0JywgJ3doZWF0JywgJ3doaXRlJywgJ3doaXRlc21va2UnLCAneWVsbG93JywgJ3llbGxvd2dyZWVuJ11cblxuZXhwb3J0IGZ1bmN0aW9uIGlzTmFtZWRDc3NDb2xvciAoY29sb3IpIHtcbiAgcmV0dXJuICEhY29sb3IgJiYgQ1NTX0NPTE9SX05BTUVTLmluY2x1ZGVzKGNvbG9yLnRvTG93ZXJDYXNlKCkpXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBpc0Nzc0NvbG9yIChjb2xvcikge1xuICByZXR1cm4gISFjb2xvciAmJiAoISFjb2xvci5tYXRjaCgvXigjfChyZ2J8aHNsKWE/XFwoKS8pIHx8IGlzTmFtZWRDc3NDb2xvcihjb2xvcikpXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBpc0Nzc1ZhciAoY29sb3IpIHtcbiAgcmV0dXJuICEhY29sb3IgJiYgY29sb3Iuc3RhcnRzV2l0aCgnLS0nKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gY2FsY3VsYXRlQ29sb3IgKGNvbG9yLCBkZWZhdWx0Q29sb3IgPSAnYmxhY2snKSB7XG4gIHJldHVybiBjb2xvciA9PT0gdm9pZCAwICYmIGRlZmF1bHRDb2xvciAhPT0gdm9pZCAwIC8vIHNhZmV0eSBuZXRcbiAgICA/IGNhbGN1bGF0ZUNvbG9yKGRlZmF1bHRDb2xvcilcbiAgICA6IGlzQ3NzQ29sb3IoY29sb3IpXG4gICAgICA/IGNvbG9yXG4gICAgICA6IG1ha2VRdWFzYXJDb2xvclZhcihjb2xvciwgZGVmYXVsdENvbG9yKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gbWFrZVF1YXNhckNvbG9yVmFyIChjb2xvciwgZGVmYXVsdENvbG9yKSB7XG4gIGNvbnN0IHZhclN0ciA9IGlzQ3NzVmFyKGNvbG9yKVxuICAgID8gY29sb3JcbiAgICA6IGAtLXEtY29sb3ItJHtjb2xvcn1gXG5cbiAgcmV0dXJuIGB2YXIoJHt2YXJTdHJ9LCAnJHtkZWZhdWx0Q29sb3J9JylgXG59XG5cbmV4cG9ydCBjb25zdCBDb2xvcml6ZSA9IFZ1ZS5leHRlbmQoe1xuICBuYW1lOiAnY29sb3JpemUnLFxuXG4gIHByb3BzOiB7XG4gICAgY29sb3I6IFN0cmluZ1xuICB9LFxuXG4gIG1ldGhvZHM6IHtcbiAgICBfX2lzVmFsaWRDc3NDb2xvciAoY29sb3IpIHtcbiAgICAgIHJldHVybiBpc0Nzc0NvbG9yKGNvbG9yKSB8fCBpc0Nzc1Zhcihjb2xvcilcbiAgICB9LFxuXG4gICAgc2V0Qm90aENvbG9ycyAoY29sb3IsIGJnQ29sb3IsIGRhdGEgPSB7fSkge1xuICAgICAgcmV0dXJuIHRoaXMuc2V0VGV4dENvbG9yKGNvbG9yLCB0aGlzLnNldEJhY2tncm91bmRDb2xvcihiZ0NvbG9yLCBkYXRhKSlcbiAgICB9LFxuXG4gICAgc2V0QmFja2dyb3VuZENvbG9yIChjb2xvciwgZGF0YSA9IHt9KSB7XG4gICAgICBpZiAodGhpcy5fX2lzVmFsaWRDc3NDb2xvcihjb2xvcikpIHtcbiAgICAgICAgY29uc3QgY2FsY0NvbG9yID0gY2FsY3VsYXRlQ29sb3IoY29sb3IpXG4gICAgICAgIGRhdGEuc3R5bGUgPSB7XG4gICAgICAgICAgLi4uZGF0YS5zdHlsZSxcbiAgICAgICAgICAnYmFja2dyb3VuZC1jb2xvcic6IGAke2NhbGNDb2xvcn1gXG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSBpZiAoY29sb3IpIHtcbiAgICAgICAgY29uc3QgY29sb3JOYW1lID0gY29sb3IudG9TdHJpbmcoKS50cmltKClcbiAgICAgICAgZGF0YS5jbGFzcyA9IHtcbiAgICAgICAgICAuLi5kYXRhLmNsYXNzLFxuICAgICAgICAgIFsnYmctJyArIGNvbG9yTmFtZV06IHRydWVcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICByZXR1cm4gZGF0YVxuICAgIH0sXG5cbiAgICBzZXRUZXh0Q29sb3IgKGNvbG9yLCBkYXRhID0ge30pIHtcbiAgICAgIGlmICh0aGlzLl9faXNWYWxpZENzc0NvbG9yKGNvbG9yKSkge1xuICAgICAgICBjb25zdCBjYWxjQ29sb3IgPSBjYWxjdWxhdGVDb2xvcihjb2xvcilcbiAgICAgICAgZGF0YS5zdHlsZSA9IHtcbiAgICAgICAgICAuLi5kYXRhLnN0eWxlLFxuICAgICAgICAgICdjb2xvcic6IGAke2NhbGNDb2xvcn1gLFxuICAgICAgICAgICdjYXJldC1jb2xvcic6IGAke2NhbGNDb2xvcn1gXG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSBpZiAoY29sb3IpIHtcbiAgICAgICAgY29uc3QgY29sb3JOYW1lID0gY29sb3IudG9TdHJpbmcoKS50cmltKClcbiAgICAgICAgZGF0YS5jbGFzcyA9IHtcbiAgICAgICAgICAuLi5kYXRhLmNsYXNzLFxuICAgICAgICAgIFsndGV4dC0nICsgY29sb3JOYW1lXTogdHJ1ZVxuICAgICAgICB9XG4gICAgICB9XG4gICAgICByZXR1cm4gZGF0YVxuICAgIH1cbiAgfVxufSlcblxuZXhwb3J0IGNvbnN0IFRoZW1lID0gVnVlLmV4dGVuZCh7XG4gIG5hbWU6ICd0aGVtZScsXG5cbiAgcHJvcHM6IHtcbiAgICB0aGVtZToge1xuICAgICAgdHlwZTogT2JqZWN0LFxuICAgICAgZGVmYXVsdDogKCkgPT4ge31cbiAgICB9LFxuICAgIGVuYWJsZVRoZW1lOiBCb29sZWFuXG4gIH0sXG5cbiAgbWV0aG9kczoge1xuICAgIC8vIHRoaXMgZnVuY3Rpb24gZXhpc3RzIGZvciBwZXJmb3JtYW5jZSByZWFzb25zLiBJZiB5b3UgZG8gbm90XG4gICAgLy8gZGVzaXJlIHRoZSBwZXJmb3JtYW5jZSBoaXQgb2YgdGhlbWluZywgYmUgc3VyZSB0byBzZXRcbiAgICAvLyB0aGUgcHJvcGVydHkgJ2VuYWJsZS10aGVtZXMnIHRvIGZhbHNlIChkZWZhdWx0KS5cbiAgICB1c2VEZWZhdWx0VGhlbWUgKGNvbG9yLCBiZ0NvbG9yLCBkYXRhID0ge30pIHtcbiAgICAgIHJldHVybiBkYXRhXG4gICAgfSxcblxuICAgIGdldFRoZW1lQ29sb3JzIChrZXlzID0gW10pIHtcbiAgICAgIGNvbnN0IGNvbG9ycyA9IG5ldyBNYXAoKVxuICAgICAgaWYgKHRoaXMuZW5hYmxlVGhlbWUgPT09IHRydWUgJiYgdGhpcy50aGVtZSAhPT0gdm9pZCAwKSB7XG4gICAgICAgIGtleXMuZm9yRWFjaCgoa2V5KSA9PiB7XG4gICAgICAgICAgY29sb3JzLnNldChrZXksIHRoaXMudGhlbWVba2V5XSlcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICAgIHJldHVybiBjb2xvcnNcbiAgICB9XG4gIH1cbn0pXG4iXSwibWFwcGluZ3MiOiJBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7Iiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./node_modules/quasar-mixin-colorize/src/index.js\n");

[hawkeye64]

Yeah, that's not helping me.

This is in your own app or running the demo?

[cjmendoza]

My own

[hawkeye64]

Is there a repo I can check it out?

[cjmendoza]

I can try to put something together for you. The app is pretty large. Was working fine with beta version.

[hawkeye64]

Let me know when available. You can DM me on Discord for faster service if you like.

[fansanelli]

Feel free to close this issue. My bad.. I was trying to keep 2 version of quasar and messed things

[cjmendoza]

Any way to install an older version to try out and verify if it is colorize mixin problem?

[hawkeye64]

@cjmendoza I git cloned app-extension-qcalendar and built the demo without issues. And, the interactive demo is running fine, also without issues (https://quasarframework.github.io/app-extension-qcalendar). So, I can't imagine what it may be. Plus, all the App Extensions I have github pages for use the App extension QRibbon, that is using quasar-mixin-colorize and they are all working. That being said, I have seen NPM have issues with dependencies of dependencies, especially on windows. My guess you are using NPM and not yarn. If this is the case, can you

1. Install yarn if you do not already have it
2. Remove your node_modules and package-clock.json
3. Install by issuing: yarn --force

Let me know if that works out for you.

[cjmendoza]

FYI I ran with v1.0.0 and it works fine.

[hawkeye64]

@cjmendoza So, you're saying after 1.0.0 it is broken? Are you builing SSR or PWA, or rather, anything that is not raw SPA?

[cjmendoza]

I am running SPA. Tried 1.0.2 and did not work. 1.0.0 works fine.

[hawkeye64]

@cjmendoza I just did this: quasar create calendar-test accepted all defaults, then in 'calendar-test' folder: quasar ext add @quasar/qcalendar in src/Pages/Index.js - replaced template code with this:

<template>
  <q-page class="flex items-start">
    <q-calendar />
  </q-page>
</template>

in terminal: quasar dev It builds and comes up fine with no issues. No errors or warnings in chrome dev tools. I can't imagine what might be causing your issues.

What OS? What browser? and post contents of quasar info for me please. Let's try to get this nailed down.

[hawkeye64]

@cjmendoza @fansanelli Fixed in v1.0.5 - please test https://github.com/quasarframework/app-extension-qcalendar/releases/tag/v1.0.5