TypeError : this.getOptions n'est pas une fonction

Question

Je suis confronté à une erreur bizarre lorsque j'ai installé Bootstrap . L'erreur est la suivante. J'ai essayé de désinstaller less-loader et d'installer less-loader@5.0.0, parce que je l'ai vu en ligne, mais cela n'a rien donné. Je ne suis pas sûr de ce qu'il faut faire à cette étape.

Erreur de syntaxe : TypeError : this.getOptions n'est pas une fonction

 @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader-v16/dist/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss 4:14-419 14:3-18:5 15:22-427
 @ ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.182:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

Answer 1

Style-loader v3 a également abandonné la prise en charge de Webpack 4.

Votre package.json devrait ressembler à ceci :

"style-loader": "^2.0.0"

Answer 2

Cela a résolu pour moi, pour un problème similaire avec Sass :

1. ajouter à package.json dans devDependencies : "sass-loader" : "7.3.1",
2. npm i -D sass ou yarn add sass --dev
3. supprimer les modules de nœuds
4. npm install ou yarn en fonction de votre gestionnaire de paquets

Ma configuration :

  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "sass": "^1.32.6",
    "sass-loader": "7.3.1",
    "vue-template-compiler": "^2.6.11"
  },

Answer 3

Ran yarn remove sass-loader

Et ensuite installé spécifiquement la version 10 comme yarn add sass-loader@10 . Cela a totalement résolu le problème en "vue": "~2.6.12",

Answer 4

La commande yarn add sass-loader installer la version 11, qui se trouve ne pas être compatible avec Webpack version 4 et inférieure. L'actuel Vue CLI V4 utilise Webpack v4. Vous devrez attendre la sortie de Vue CLI V5 (qui utilisera Webpack 5) (actuellement en version bêta) pour pouvoir utiliser sass-loader v12. Alternativement, vous pouvez mettre à jour vers Webpack 5, mais assurez-vous de lire le CHANGELOG.

Answer 5

Lorsque vous utilisez la version 4 de webpack, par défaut dans Vue CLI 4, vous devez vous assurer que vos chargeurs sont compatibles avec elle. Sinon, vous obtiendrez des erreurs concernant des dépendances de pairs conflictuelles. Dans ce cas, vous pouvez utiliser une ancienne version du chargeur qui est toujours compatible avec webpack 4.

# Sass
npm install -D sass-loader@^10 sass

ne fonctionne toujours pas ? Supprimer node_modules

npm install

en savoir plus