When trying to build a quasar app that uses an import for 'is' from the type checking utils, get a build error stating that "Unknown import from Quasar: is".
I was able to workaround by manually modifying the node_modules/quasar/dist/babel-tranforms/imports.js file. I added "is": "src/utils/is.js" to themap` object specified in the file.
What did you expect to happen?
Expected build to complete without the above error!
Import 'is' from quasar using import { is } from 'quasar';
Try building app via quasar build
Note error!
Flavour
Quasar CLI (@quasar/cli | @quasar/app)
Areas
Components (quasar)
Platforms/Browsers
No response
Quasar info output
Operating System - Darwin(21.6.0) - darwin/x64
NodeJs - 16.17.0
Global packages
NPM - 8.15.0
yarn - 1.22.17
@quasar/cli - 1.0.0
@quasar/icongenie - 2.3.1
cordova - 10.0.0 (cordova-lib@10.1.0)
Important local packages
quasar - 1.20.2 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
@quasar/app - 2.4.2 -- Quasar Framework local CLI
@quasar/extras - 1.15.3 -- Quasar Framework fonts, icons and animations
eslint-plugin-quasar - Not installed
vue - 2.6.14 -- Reactive, component-oriented view layer for modern web interfaces.
vue-router - 3.6.5 -- Official router for Vue.js 2
vuex - 3.6.2 -- state management for Vue.js
electron - Not installed
electron-packager - Not installed
electron-builder - Not installed
@babel/core - 7.16.12 -- Babel compiler core.
webpack - 4.44.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.11.3 -- Serves a webpack app. Updates the browser on changes.
workbox-webpack-plugin - 5.1.4 -- A plugin for your Webpack build process, helping you generate a manifest of local files that workbox-sw should precache.
register-service-worker - 1.7.2 -- Script for registering service worker, with hooks
typescript - 4.2.2 -- TypeScript is a language for application scale JavaScript development
@capacitor/core - Not installed
@capacitor/cli - Not installed
@capacitor/android - Not installed
@capacitor/ios - Not installed
Quasar App Extensions
@quasar/quasar-app-extension-qcalendar - 3.4.1 -- A Quasar App Extension for @quasar/quasar-ui-qcalendar
quasar-app-extension-qdatetimepicker - 1.0.0-rc.17 -- QDatetimePicker for Quasar
Networking
Host - cagePro.local
en11 - 192.168.0.118
utun5 - 10.251.87.207
(node:12092) [DEP0148] DeprecationWarning: Use of deprecated folder mapping "./" in the "exports" field module resolution of the package at /Users/psarin/WebStormProjects/opflo-client/node_modules/vuex/package.json.
Update this package.json to use a subpath pattern like "./*".
(Use `node --trace-deprecation ...` to show where the warning was created)
Relevant log output
ERROR Failed to compile with 1 errors 5:42:56 PM
error in ./src/store/modules/messaging/useWebsocketActions.js
Module build failed (from ./node_modules/@quasar/app/lib/webpack/loader.transform-quasar-imports.js):
Error: Unknown import from Quasar: is
- imports.js:186 module.exports
[opflo-client]/[quasar]/dist/babel-transforms/imports.js:186:11
- loader.transform-quasar-imports.js:18
[opflo-client]/[@quasar]/app/lib/webpack/loader.transform-quasar-imports.js:18:40
- Array.map
- loader.transform-quasar-imports.js:10
[opflo-client]/[@quasar]/app/lib/webpack/loader.transform-quasar-imports.js:10:8
- String.replace
- loader.transform-quasar-imports.js:7 Object.module.exports
[opflo-client]/[@quasar]/app/lib/webpack/loader.transform-quasar-imports.js:7:30
What happened?
When trying to build a quasar app that uses an import for 'is' from the type checking utils, get a build error stating that "Unknown import from Quasar: is".
I was able to workaround by manually modifying the
node_modules/quasar/dist/babel-tranforms/imports.js
file. I added"is": "src/utils/is.js" to the
map` object specified in the file.What did you expect to happen?
Expected build to complete without the above error!
Reproduction URL
https://codepen.io/psarin/pen/poVdgQZ?editors=1111
How to reproduce?
import { is } from 'quasar';
quasar build
Flavour
Quasar CLI (@quasar/cli | @quasar/app)
Areas
Components (quasar)
Platforms/Browsers
No response
Quasar info output
Relevant log output
Additional context
None