Closed matheusb-comp closed 6 years ago
Hi,
Thanks for reporting.
What is the exact linux distribution and version that you are using?
Same error, I'm unable to continue working with Quasar after upgrade to 0.17 version, now previous versions of Quasar doesn't works on my side.
β quasar17-2 quasar info
Operating System Darwin(16.7.0) - darwin/x64
NodeJs 9.11.1
Global packages
NPM 5.6.0
yarn 1.7.0
quasar-cli 0.17.2
vue-cli 2.9.6
cordova 8.0.0
Important local packages
quasar-cli 0.17.2 (Quasar Framework CLI)
quasar-framework 0.17.2 (Build responsive websites, PWAs, hybrid mobile apps and Electron apps, all simultaneously using same codebase)
quasar-extras 2.0.4 (Quasar Framework fonts, icons and animations)
vue 2.5.16 (Reactive, component-oriented view layer for modern web interfaces.)
vue-router 3.0.1 (Official router for Vue.js 2)
vuex 3.0.1 (state management for Vue.js)
electron Not installed
electron-packager Not installed
electron-builder Not installed
@babel/core 7.0.0-beta.54 (Babel compiler core.)
webpack 4.16.2 (Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.)
webpack-dev-server 3.1.5 (Serves a webpack app. Updates the browser on changes.)
workbox-webpack-plugin 3.4.1 (A plugin for your Webpack build process, helping you generate a manifest of local files that workbox-sw should precache.)
register-service-worker 1.4.1 (Script for registering service worker, with hooks)
Networking
Host MacBook-Pro-de-Israel.local
en1 192.168.1.39
vboxnet0 192.168.56.1
@uno-de-piera When you say previous versions of Quasar, what are you referring to?
This problem is under investigation. It's most likely related to some webpack packages not doing their job correctly.
@rstoenescu: Thanks for the quick reply. Here are my distribution details:
# lsb_release -a
No LSB modules are available.
Distributor ID: LinuxMint
Description: Linux Mint 18.2 Sonya
Release: 18.2
Codename: sonya
# uname -a
Linux <username> 4.13.0-45-generic #50~16.04.1-Ubuntu SMP Wed May 30 11:18:27 UTC 2018 x86_64 x86_64 x86_64 GNU/Linux
I've also tried removing the lazy loading of routes.js
and some suggestions from other threads about this error.
Unfortunately I don't understand how all these elements work together, and wasn't able to identify the exact problem. Here is the error in case I run quasar build
:
ERROR in ./node_modules/quasar-extras/material-icons/material-icons.css
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
TypeError: __webpack_require__(...) is not a function
I'm referring that the if I try to install quasar-cli 0.16.0 doesn't works, if I try to install quasar-cli 0.16.4 doesn't works etc, currently I stopped my developments with Quasar because I'm unable to make it work.
I can uninstall Quasar 0.17.2, clean the yarn cache and reinstall Quasar 0.16.0, but the issue persists with any version.
PD: Before update to 0.17.x all environments worked well, this issue appears after Quasar update, it's strange that affects to another versions, but it's true.
Thanks for your help.
@uno-de-piera Until I figure this out, delete node_modules AND yarn.lock or package-json.lock (depending on whether you use yarn or npm), set your quasar-cli dependency to 0.16.4 then yarn/npm install again.
I am sorry for this trouble, but it is an outside problem, not generated by Quasar. We are looking for solutions.
Thanks @rstoenescu, no problem, don't worry π, I have this issue reinstalling all global dependencies and generating a new application with quasar-cli.
yarn global remove quasar-cli
yarn global add quasar-cli@0.17.2
yarn cache clean
quasar -v
# 0.17.2
quasar init new-app
cd new-app
quasar dev -m cordova -T android
ERROR in Error: webpack-internal:///./node_modules/core-js/modules/_is-object.js:5
module.exports = function (it) {
^
TypeError: Cannot assign to read only property 'exports' of object '#<Object>'
yarn global remove quasar-cli
yarn global add quasar-cli@0.16.0
yarn cache clean
quasar -v
# 0.16.0
quasar init new-app
cd new-app
quasar dev -m cordova -T android
ERROR in Error: webpack-internal:///./node_modules/core-js/modules/_is-object.js:5
module.exports = function (it) {
^
TypeError: Cannot assign to read only property 'exports' of object '#<Object>'
I tried all possible options before open the issue but currently I don't know what more done :(
No matter the installed version, same error.
You should also remove the .quasar
folder when switching versions of quasar-cli
.
Your project local quasar-cli version does the work. It doesn't matter the global quasar-cli version installed (as long as it's v0.15+). The global quasar-cli installation is there to be able to quasar init a project folder and for convenience of typing "$ quasar ..." instead of adding npm run scripts in your package.json (global quasar-cli detects if in a Quasar project then defers to the locally installed quasar-cli version).
So if you want to go back to v0.16 in your project, make sure your project's package.json quasar-cli points to 0.16.4.
Thank you for your patience while we figure the v0.17 problem.
@Akaryatrh thanks for your help, but I uninstalled quasar of my computer, if I execute the quasar command the response is that quasar not found, when I install quasar-cli in any of its versions and generate a new project the issue persist :(
@rstoenescu just now I updated quasar-cli to 0.17.3 with same result
quasar dev -m cordova -T android
Dev mode.......... cordova
Quasar theme...... mat
Quasar CLI........ v0.17.3
Quasar Framework.. v0.17.2
Debugging......... enabled
app:quasar-conf Reading quasar.conf.js +0ms
? What external IP should Quasar use? 192.168.1.41
app:dev Checking listening address availability (192.168.1.41:8080)... +4s
app:webpack Extending Cordova Webpack config +534ms
app:generator Generating Webpack entry point +64ms
app:dev-server Booting up... +2ms
Cordova βββββββββββββββββββββββββ [100%] in ~14s
ERROR Failed to compile with 1 errors 18:25:35
error
β ο½’wdmο½£: Hash: b9c7859aed2f04b644cd
Version: webpack 4.16.3
Time: 14353ms
Built at: 2018-07-27 18:25:35
Asset Size Chunks Chunk Names
fonts/KFOmCnqEu92Fr1Mu4mxM.woff 19.4 KiB [emitted]
fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff 62.5 KiB [emitted]
fonts/KFOkCnqEu92Fr1MmgVxIIzQ.woff 19.5 KiB [emitted]
fonts/KFOlCnqEu92Fr1MmEU9fBBc-.woff 19.5 KiB [emitted]
fonts/KFOlCnqEu92Fr1MmSU5fBBc-.woff 19.4 KiB [emitted]
fonts/KFOlCnqEu92Fr1MmWUlfBBc-.woff 19.4 KiB [emitted]
fonts/KFOlCnqEu92Fr1MmYUtfBBc-.woff 19.5 KiB [emitted]
fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2 48 KiB [emitted]
img/quasar-logo-full.svg 12.6 KiB [emitted]
app.js 4.07 MiB app [emitted] [big] app
0.js 47.9 KiB 0 [emitted]
1.js 29.8 KiB 1 [emitted]
2.js 43.4 KiB 2 [emitted]
index.html 1.38 KiB [emitted]
Entrypoint app [big] = app.js
[./.quasar/app.js] 608 bytes {app} [built]
[./.quasar/client-entry.js] 617 bytes {app} [built]
[./node_modules/strip-ansi/index.js] 208 bytes {app} [built]
[./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 746 bytes {app} [built]
[0] multi (webpack)-dev-server/client?http://192.168.1.41:8080 (webpack)/hot/dev-server.js ./.quasar/client-entry.js 52 bytes {app} [built]
[./node_modules/url/url.js] 15.6 KiB {app} [built]
[./node_modules/vue/dist/vue.runtime.esm.js] 163 KiB {app} [built]
[./node_modules/webpack-dev-server/client/index.js?http://192.168.1.41:8080] (webpack)-dev-server/client?http://192.168.1.41:8080 6.33 KiB {app} [built]
[./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev-server/client/overlay.js 2.64 KiB {app} [built]
[./node_modules/webpack/hot sync ^\.\/log$] (webpack)/hot sync nonrecursive ^\.\/log$ 170 bytes {app} [built]
[./node_modules/webpack/hot/dev-server.js] (webpack)/hot/dev-server.js 1.51 KiB {app} [built]
[./node_modules/webpack/hot/emitter.js] (webpack)/hot/emitter.js 75 bytes {app} [built]
[./node_modules/webpack/hot/log-apply-result.js] (webpack)/hot/log-apply-result.js 1.3 KiB {app} [built]
[./node_modules/webpack/hot/log.js] (webpack)/hot/log.js 1 KiB {app} [built]
[./src/css/app.styl] 1.38 KiB {app} [built]
+ 349 hidden modules
WARNING in ./node_modules/quasar-framework/src/plugins/platform.js 166:8-21
"export 'default' (imported as '_objectSpread') was not found in '@babel/runtime/helpers/objectSpread'
@ ./node_modules/quasar-framework/src/plugins/notify.js
@ ./.quasar/import-quasar.js
@ ./.quasar/app.js
@ ./.quasar/client-entry.js
@ multi (webpack)-dev-server/client?http://192.168.1.41:8080 (webpack)/hot/dev-server.js ./.quasar/client-entry.js
WARNING in ./node_modules/sockjs-client/dist/sockjs.js 4419:34-41
"export 'default' (imported as '_typeof') was not found in '@babel/runtime/helpers/typeof'
@ (webpack)-dev-server/client/socket.js
@ (webpack)-dev-server/client?http://192.168.1.41:8080
@ multi (webpack)-dev-server/client?http://192.168.1.41:8080 (webpack)/hot/dev-server.js ./.quasar/client-entry.js
WARNING in ./node_modules/vue/dist/vue.runtime.esm.js 44:25-32
"export 'default' (imported as '_typeof') was not found in '@babel/runtime/helpers/typeof'
@ ./.quasar/client-entry.js
@ multi (webpack)-dev-server/client?http://192.168.1.41:8080 (webpack)/hot/dev-server.js ./.quasar/client-entry.js
#more warnings
ERROR in Error: webpack-internal:///./node_modules/core-js/modules/_is-object.js:5
module.exports = function (it) {
^
TypeError: Cannot assign to read only property 'exports' of object '#<Object>'
- _is-object.js:5 Module.eval
[.]/[core-js]/modules/_is-object.js:5:16
- _is-object.js:8 eval
[.]/[core-js]/modules/_is-object.js:8:30
- index.template.html:1767 Module../node_modules/core-js/modules/_is-object.js
/Users/iparra/tutoriales/quasar/super-walla/src/index.template.html:1767:1
- index.template.html:684 __webpack_require__
/Users/iparra/tutoriales/quasar/super-walla/src/index.template.html:684:30
- index.template.html:61 fn
/Users/iparra/tutoriales/quasar/super-walla/src/index.template.html:61:20
- _inherit-if-required.js:1 eval
[.]/[core-js]/modules/_inherit-if-required.js:1:16
- index.template.html:1743 Object../node_modules/core-js/modules/_inherit-if-required.js
/Users/iparra/tutoriales/quasar/super-walla/src/index.template.html:1743:1
- index.template.html:684 __webpack_require__
/Users/iparra/tutoriales/quasar/super-walla/src/index.template.html:684:30
- index.template.html:61 fn
/Users/iparra/tutoriales/quasar/super-walla/src/index.template.html:61:20
- es6.regexp.constructor.js:3 eval
[.]/[core-js]/modules/es6.regexp.constructor.js:3:25
Child html-webpack-plugin for "index.html":
Asset Size Chunks Chunk Names
index.html 1.7 MiB 0
Entrypoint undefined = index.html
[./node_modules/@babel/runtime/core-js/symbol.js] 54 bytes {0} [built]
[./node_modules/@babel/runtime/core-js/symbol/iterator.js] 63 bytes {0} [built]
[./node_modules/@babel/runtime/helpers/typeof.js] 1.01 KiB {0} [built]
[./node_modules/core-js/library/fn/symbol/index.js] 243 bytes {0} [built]
[./node_modules/core-js/library/fn/symbol/iterator.js] 156 bytes {0} [built]
[./node_modules/core-js/library/modules/_core.js] 91 bytes {0} [built]
[./node_modules/core-js/library/modules/_wks-ext.js] 30 bytes {0} [built]
[./node_modules/core-js/library/modules/es6.object.to-string.js] 0 bytes {0} [built]
[./node_modules/core-js/library/modules/es6.string.iterator.js] 421 bytes {0} [built]
[./node_modules/core-js/library/modules/web.dom.iterable.js] 1010 bytes {0} [built]
[./node_modules/html-webpack-plugin/lib/loader.js!./src/index.template.html] 1.26 KiB {0} [built]
[./node_modules/lodash/lodash.js] 527 KiB {0} [built]
[./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 297 bytes {0} [built]
[./node_modules/webpack/buildin/harmony-module.js] (webpack)/buildin/harmony-module.js 590 bytes {0} [built]
[./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 511 bytes {0} [built]
+ 125 hidden modules
WARNING in ./node_modules/core-js/library/modules/es6.symbol.js 97:29-36
"export 'default' (imported as '_typeof') was not found in '@babel/runtime/helpers/typeof'
@ ./node_modules/core-js/library/fn/symbol/index.js
@ ./node_modules/@babel/runtime/core-js/symbol.js
@ ./node_modules/@babel/runtime/helpers/typeof.js
@ (webpack)/buildin/global.js
@ ./node_modules/lodash/lodash.js
@ ./node_modules/html-webpack-plugin/lib/loader.js!./src/index.template.html
#more warnings
Thanks guys π
@uno-de-piera uninstalling quasar-cli
won't remove the invisible folder .quasar
from your project.
I know @Akaryatrh , first I remove the project with rm -rf project and then create a new project :), but removing .quasar folder inside project and reinstalling I too have issues.
Sorry, is normal this behavior?
Ξ» iparra [~/learn/quasar] β ls
superapp
Ξ» iparra [~/learn/quasar] β quasar -v
0.16.0
Ξ» iparra [~/learn/quasar] β cd superapp
Ξ» iparra [learn/quasar/superapp] β quasar info
Operating System Darwin(16.7.0) - darwin/x64
NodeJs 9.11.1
Global packages
NPM 5.6.0
yarn 1.7.0
quasar-cli 0.17.3
vue-cli 3.0.0-rc.7
cordova 7.1.0
Important local packages
quasar-cli 0.17.3 (Quasar Framework CLI)
quasar-framework 0.17.2 (Build responsive websites, PWAs, hybrid mobile apps and Electron apps, all simultaneously using same codebase)
quasar-extras 2.0.4 (Quasar Framework fonts, icons and animations)
vue 2.5.16 (Reactive, component-oriented view layer for modern web interfaces.)
vue-router 3.0.1 (Official router for Vue.js 2)
vuex 3.0.1 (state management for Vue.js)
electron Not installed
electron-packager Not installed
electron-builder Not installed
@babel/core 7.0.0-beta.53 (Babel compiler core.)
webpack 4.16.3 (Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to p
reprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.)
webpack-dev-server 3.1.5 (Serves a webpack app. Updates the browser on changes.)
workbox-webpack-plugin 3.4.1 (A plugin for your Webpack build process, helping you generate a manifest of local files that workbox-sw should precache.)
register-service-worker 1.4.1 (Script for registering service worker, with hooks)
Networking
Host iMac-de-Israel.local
en1 192.168.1.41
vboxnet0 192.168.56.1
Ξ» iparra [learn/quasar/superapp] β quasar -v
0.17.3
Ξ» iparra [learn/quasar/superapp] β cd ..
Ξ» iparra [~/learn/quasar] β quasar -v
0.16.0
I have installed globally quasar 0.16.0, but when I build and enter inside of the project, this contains a quasar app with 0.17.x, strange :(
Now testing with 0.16.0
Operating System Darwin(16.7.0) - darwin/x64
NodeJs 9.11.1
Global packages
NPM 5.6.0
yarn 1.7.0
quasar-cli 0.16.0
vue-cli 3.0.0-rc.7
cordova 7.1.0
Important local packages
quasar-cli 0.16.0 (Quasar Framework CLI)
quasar-framework 0.16.0 (Build responsive websites, PWAs, hybrid mobile apps and Electron apps, all simultaneously using same codebase)
quasar-extras 2.0.0 (Quasar Framework fonts, icons and i18n.)
vue 2.5.16 (Reactive, component-oriented view layer for modern web interfaces.)
vue-router 3.0.1 (Official router for Vue.js 2)
vuex 3.0.1 (state management for Vue.js)
electron Not installed
electron-packager Not installed
electron-builder Not installed
@babel/core 7.0.0-beta.46 (Babel compiler core.)
webpack 4.8.3 (Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to p
reprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.)
webpack-dev-server 3.1.4 (Serves a webpack app. Updates the browser on changes.)
workbox-webpack-plugin 3.2.0 (A plugin for your Webpack build process, helping you generate a manifest of local files that workbox-sw should precache.)
Networking
Host iMac-de-Israel.local
en1 192.168.1.41
vboxnet0 192.168.56.1
I understand that the problem is the vue-router, but I don't understand why appears now this problem :(, I tried to reinstall local dependencies after downgrade quasar to 0.16.0 with same results...
Version 0.17.3 works at a different machine, with the same linux distro and kernel, but with a newer version of NodeJS (9.11.2 instead of 8.11.3)
# quasar info
Operating System Linux(4.13.0-45-generic) - linux/x64
NodeJs 9.11.2
Global packages
NPM 6.2.0
yarn Not installed
quasar-cli 0.17.3
vue-cli 2.9.6
cordova Not installed
Important local packages
quasar-cli 0.17.3 (Quasar Framework CLI)
quasar-framework 0.17.2 (Build responsive websites, PWAs, hybrid mobile apps and Electron apps, all simultaneously using same codebase)
quasar-extras 2.0.4 (Quasar Framework fonts, icons and animations)
vue 2.5.16 (Reactive, component-oriented view layer for modern web interfaces.)
vue-router 3.0.1 (Official router for Vue.js 2)
vuex 3.0.1 (state management for Vue.js)
electron Not installed
electron-packager Not installed
electron-builder Not installed
@babel/core 7.0.0-beta.53 (Babel compiler core.)
webpack 4.16.3 (Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.)
webpack-dev-server 3.1.5 (Serves a webpack app. Updates the browser on changes.)
workbox-webpack-plugin 3.4.1 (A plugin for your Webpack build process, helping you generate a manifest of local files that workbox-sw should precache.)
register-service-worker 1.4.1 (Script for registering service worker, with hooks)
# quasar dev
DONE Compiled successfully in 9301ms 21:33:49
N App URL........... http://localhost:8080/
Dev mode.......... spa
Quasar theme...... mat
Quasar CLI........ v0.17.3
Quasar Framework.. v0.17.2
@matheusb-comp Don't think the Nodejs version matters, as long as it's >= 8. My linux machines all work (different Nodejs versions on them) and can't reproduce the issue. The good news is that tomorrow @pdanpdan will share his linux machine where this problem can be reproduced.
However, can you try with the same Nodejs 8.11.3 on the machine you said it worked? Just to be 110% certain it's not affected by Nodejs version. It shouldn't, but who knows...
Working fine with NodeJS 8.11.3. Thanks for investigating this issue.
So it's not the Nodejs version. So what do some linux machines have that others don't, generating this webpack + babel issue? Will try to find out tomorrow, but any help is appreciated.
Can you guys try setting quasar-cli dep to "0.17.0-beta.33" and report if it still happens? Thanks.
@rstoenescu no such issues with 0.17.0-beta.33
Released CLI v0.17.5 which has the Webpack workaround. Thanks for helping out!
Seems like Webpack needs to explictly be told to exclude node_modules from Babel transpiling for certain Linux distributions.
Thanks for your help @rstoenescu but not working in my side, the webpack issue has been solved, but now I have a blank screen without errors... it's only happens executing the app with cordova, attached screenshots.
quasar dev -m cordova -T android
With the initial app setup
Without router-view
Without layout using the router-view
If the app is executed on SPA mode
quasar dev
Works fine, attached screenshot
Also, in the new version (0.17.5), if I selected framework: 'all' option on quasar.config.js the app crashes with the next error.
quasar info
Operating System Darwin(16.7.0) - darwin/x64
NodeJs 9.11.1
Global packages
NPM 5.6.0
yarn 1.9.2
quasar-cli 0.17.5
vue-cli 3.0.0-rc.7
cordova 7.1.0
Important local packages
quasar-cli 0.17.5 (Quasar Framework CLI)
quasar-framework 0.17.4 (Build responsive websites, PWAs, hybrid mobile apps and Electron apps, all simultaneously using same codebase)
quasar-extras 2.0.4 (Quasar Framework fonts, icons and animations)
vue 2.5.16 (Reactive, component-oriented view layer for modern web interfaces.)
vue-router 3.0.1 (Official router for Vue.js 2)
vuex 3.0.1 (state management for Vue.js)
electron Not installed
electron-packager Not installed
electron-builder Not installed
@babel/core 7.0.0-beta.53 (Babel compiler core.)
webpack 4.16.3 (Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.)
webpack-dev-server 3.1.5 (Serves a webpack app. Updates the browser on changes.)
workbox-webpack-plugin 3.4.1 (A plugin for your Webpack build process, helping you generate a manifest of local files that workbox-sw should precache.)
register-service-worker 1.4.1 (Script for registering service worker, with hooks)
cordova requirements
Requirements check results for android:
Java JDK: installed 1.8.0
Android SDK: installed true
Android target: installed android-28,android-27,android-26,android-25,android-24,Google Inc.:Google APIs:24,android-23
Gradle: installed /Applications/Android Studio.app/Contents/gradle/gradle-3.2/bin/gradle
Thanks!
I'm getting the same error of Issue #153 on version
0.17.2
, in a new project template. I believe the error comes from Babel, since they decided to remove the Stage presets as of version 7.0.0-beta.54, as stated in thenpm install
warnings below.However, even after running the babel-upgrade tool on my project,
quasar-framework
, andquasar-cli
, I still kept receiving the same errors.Software version
npm install
warnings:What did you get as the error?
Error when running
quasar dev
:What steps did you take, to get the error?
quasar-cli
Support IE
onquasar init <folder_name>
cd <folder_name> && npm install
quasar dev