Error after npm update

dwms

ERROR in ./.quasar/client-entry.js
Module build failed (from ./node_modules/quasar-cli/node_modules/babel-loader/lib/index.js):
Error: [BABEL] D:\Projetos\sistema\web-sistema.quasar\client-entry.js: The ‘polyfill’ option
has been removed. The @babel/runtime module now skips polyfilling by default. (While process
ing: “D:\Projetos\sistema\web-sistema\node_modules\@babel\plugin-transform-runtime\lib
\index.js”)

Hawkeye64

Sounds like your polyfill is set to true. In your .babelrc try setting it to false:

{
  "presets": [
    [
      "@babel/preset-env", {
        "modules": false,
        "loose": false,
        "useBuiltIns": "usage"
      }
    ],
    [
      "@babel/preset-stage-2", {
        "modules": false,
        "loose": false,
        "useBuiltIns": true,
        "decoratorsLegacy": true
      }
    ]
  ],
  "plugins": [
    [
      "@babel/transform-runtime", {
        "polyfill": false, // <-- here
        "regenerator": false
      }
    ]
  ],
  "comments": false
}

Hawkeye64

I am wondering if you are set up to support IE11? (one of the Quasar questions on a new project)

dwms

This post is deleted!

dwms

{
“presets”: [
[
“@babel/preset-env”, {
“modules”: false,
“loose”: false,
“useBuiltIns”: “usage”
}
],
[
“@babel/preset-stage-2”, {
“modules”: false,
“loose”: false,
“useBuiltIns”: true,
“decoratorsLegacy”: true
}
]
],
“plugins”: [
[
“@babel/transform-runtime”, {
“polyfill”: false,
“regenerator”: false
}
]
],
“comments”: false
}

dwms

Sorry, I do not know how to put code. But my file is correct!

Hawkeye64

use tripple back ticks (```) for multiline, and single back tick (`) for single line. Use at start and end of code.

Hawkeye64

Did you recently update to Quasar 0.17.x from an earlier version? If so, see my answer here: https://forum.quasar-framework.org/topic/2739/upgrading-v0-16-to-v0-17/3
Sometimes you need to clean out your node_modules folder and re-install otherwise somethings don’t work as expected (usually babel).

dwms

I did the procedure and the same error happened, take a look at my package

{
  "name": "Sistema_Genesis",
  "version": "1.0.0",
  "description": "",
  "productName": "Genesis",
  "cordovaId": "genesis",
  "author": "DWMS <dwms@dwms.com.br>",
  "private": true,
  "scripts": {
    "lint": "eslint --ext .js,.vue src",
    "test": "echo \"No test specified\" && exit 0"
  },
  "dependencies": {
    "@babel/core": "^7.0.1",
    "@babel/plugin-proposal-async-generator-functions": "^7.0.0",
    "@babel/plugin-proposal-class-properties": "^7.0.0",
    "@babel/plugin-proposal-decorators": "^7.0.0",
    "@babel/plugin-proposal-export-namespace-from": "^7.0.0",
    "@babel/plugin-proposal-function-sent": "^7.0.0",
    "@babel/plugin-proposal-json-strings": "^7.0.0",
    "@babel/plugin-proposal-numeric-separator": "^7.0.0",
    "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
    "@babel/plugin-proposal-optional-catch-binding": "^7.0.0",
    "@babel/plugin-proposal-throw-expressions": "^7.0.0",
    "@babel/plugin-proposal-unicode-property-regex": "^7.0.0",
    "@babel/plugin-syntax-async-generators": "^7.0.0",
    "@babel/plugin-syntax-class-properties": "^7.0.0",
    "@babel/plugin-syntax-decorators": "^7.0.0",
    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
    "@babel/plugin-syntax-export-namespace-from": "^7.0.0",
    "@babel/plugin-syntax-function-sent": "^7.0.0",
    "@babel/plugin-syntax-import-meta": "^7.0.0",
    "@babel/plugin-syntax-json-strings": "^7.0.0",
    "@babel/plugin-syntax-numeric-separator": "^7.0.0",
    "@babel/plugin-syntax-object-rest-spread": "^7.0.0",
    "@babel/plugin-syntax-optional-catch-binding": "^7.0.0",
    "@babel/plugin-syntax-throw-expressions": "^7.0.0",
    "@babel/plugin-transform-arrow-functions": "^7.0.0",
    "@babel/plugin-transform-async-to-generator": "^7.0.0",
    "@babel/plugin-transform-block-scoped-functions": "^7.0.0",
    "@babel/plugin-transform-block-scoping": "^7.0.0",
    "@babel/plugin-transform-classes": "^7.0.0",
    "@babel/plugin-transform-computed-properties": "^7.0.0",
    "@babel/plugin-transform-destructuring": "^7.0.0",
    "@babel/plugin-transform-dotall-regex": "^7.0.0",
    "@babel/plugin-transform-duplicate-keys": "^7.0.0",
    "@babel/plugin-transform-exponentiation-operator": "^7.0.0",
    "@babel/plugin-transform-for-of": "^7.0.0",
    "@babel/plugin-transform-function-name": "^7.0.0",
    "@babel/plugin-transform-literals": "^7.0.0",
    "@babel/plugin-transform-modules-amd": "^7.0.0",
    "@babel/plugin-transform-modules-commonjs": "^7.0.0",
    "@babel/plugin-transform-modules-systemjs": "^7.0.0",
    "@babel/plugin-transform-modules-umd": "^7.0.0",
    "@babel/plugin-transform-new-target": "^7.0.0",
    "@babel/plugin-transform-object-super": "^7.0.0",
    "@babel/plugin-transform-parameters": "^7.0.0",
    "@babel/plugin-transform-regenerator": "^7.0.0",
    "@babel/plugin-transform-runtime": "^7.0.0",
    "@babel/plugin-transform-shorthand-properties": "^7.0.0",
    "@babel/plugin-transform-spread": "^7.0.0",
    "@babel/plugin-transform-sticky-regex": "^7.0.0",
    "@babel/plugin-transform-template-literals": "^7.0.0",
    "@babel/plugin-transform-typeof-symbol": "^7.0.0",
    "@babel/plugin-transform-unicode-regex": "^7.0.0",
    "@babel/preset-env": "^7.0.0",
    "@babel/preset-stage-2": "^7.0.0",
    "autoprefixer": "^9.1.5",
    "axios": "^0.18.0",
    "babel-plugin-transform-runtime": "^6.23.0",
    "eslint-friendly-formatter": "^4.0.1",
    "extract-text-webpack-plugin": "^4.0.0-beta.0",
    "file-saver": "^1.3.8",
    "html-webpack-plugin": "^3.2.0",
    "lodash": "^4.17.10",
    "npm": "^6.4.1",
    "pdfjs-dist": "^2.0.550",
    "quasar-cli": "^0.17.15",
    "quasar-framework": "^0.17.12",
    "v-money": "^0.8.1",
    "vue-i18n": "^8.1.0",
    "vue-jwt-decode": "^0.1.0",
    "vue-pdf": "^3.3.1",
    "vue-resource": "^1.5.1",
    "vue-the-mask": "^0.11.1",
    "vuelidate": "^0.7.4",
    "webpack": "^4.18.0",
    "webpack-dev-middleware": "^3.3.0",
    "webpack-dev-server": "^3.1.8"
  },
  "devDependencies": {
    "babel-eslint": "^9.0.0",
    "eslint": "^5.6.0",
    "eslint-config-standard": "^12.0.0",
    "eslint-friendly-formatter": "^4.0.1",
    "eslint-loader": "^2.1.1",
    "eslint-plugin-import": "^2.14.0",
    "eslint-plugin-node": "^7.0.1",
    "eslint-plugin-promise": "^4.0.1",
    "eslint-plugin-standard": "^4.0.0",
    "eslint-plugin-vue": "^4.7.1",
    "less": "^3.8.1",
    "less-loader": "^4.1.0",
    "quasar-cli": "^0.17.19",
    "strip-ansi": "^3.0.1",
    "style-loader": "^0.23.0"
  },
  "engines": {
    "node": ">= 8.9.0",
    "npm": ">= 5.6.0",
    "yarn": ">= 1.6.0"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 10"
  ]
}


`

Hawkeye64

all your babel imports should be in devDependencies, not dependencies.

Hawkeye64

You also have quasar-cli in devDependencies and dependencies at different versions. I also see things in dependencies that belong in devDependencies.

All the babel packages
eslint plugin package
quasar-cli
quasar-framework (cli handles this)
npm?
all the webpack packages (cli handles this)

It’s a bit messed up. If I were you, I would create a new project, just to look at the package.json. Then fix yours, delete node_modes, then run npm install to get it back properly.

No More Posting New Topics!

Error after npm update