Estoy enfrentando un error extraño cuando instalé Bootstrap . El error está abajo. Intenté desinstalar less-loader e instalar less-loader@5.0.0, porque lo vi en línea, pero no hizo nada. No estoy seguro de qué hacer en este paso.
Error de sintaxis: TypeError: this.getOptions no es una función
@ ./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.jsEn mi caso, estaba luchando por compilar node-sass en un Centos7 y resolví eliminar node-sass y poner sass en su lugar.
npm uninstall node-sass npm install sass npm install sass-loader^8NPM descarga paquetes de dependencia a módulos dentro del módulo si están en una versión diferente a la de su paquete.json, pero a veces descarga la última versión del paquete dependiente (no sé por qué) en un módulo.
por ejemplo, puede tener sass-loader: 2.X en su paquete.json , y un módulo XXXX que también tiene sass-loader: * en sus paquetes de dependencia (puede verificar eso en paquete.json dentro de ese módulo XXXX) npm lo hará descargue sass-loader 2.X para usted y sass-loader: 3.X para el paquete XXXX; obtendrá un error.
La solución rápida es eliminar ese paquete adicional de XXXX/node_modules También puede verificar qué versión de paquete usa el módulo XXXX e intentar usar la misma versión en su proyecto.
En mi caso, font-awesome-sass-loader@2.0.1 con project.json:
"dependencies": { "css-loader": "*", "sass-loader": "*", "style-loader": "*" }, sass-loader: 3.0.0
mientras que npm descargó sass-loader: 2.0.0 según project.json en mi proyecto:
"style-loader": "2.0.0"
node_modules/font-awesome-sass-loader/node_modules/ y solucionó el problema.
Ran yarn remove sass-loader
Y luego instalé específicamente la versión 10 como yarn add sass-loader@10 . Esto resolvió totalmente el problema en "vue": "~2.6.12",
El comando yarn add sass-loader instala la versión 11, que resulta que no es compatible con la versión 4 de Webpack e inferiores. El Vue CLI V4 actual usa Webpack v4.
Tendrá que esperar hasta que se lance Vue CLI V5 (usará Webpack 5) (actualmente en Beta) para poder usar sass-loader v12. Alternativamente, puede actualizar a Webpack 5, pero asegúrese de leer el REGISTRO DE CAMBIOS.
Al usar Webpack versión 4, el valor predeterminado en Vue CLI 4. Debe asegurarse de que sus cargadores sean compatibles con él. De lo contrario, obtendrá errores sobre dependencias entre pares en conflicto. En este caso, puede usar una versión anterior del cargador que aún sea compatible con Webpack 4.
# Sass npm install -D sass-loader@^10 sass¿Sigue sin funcionar?
Eliminar carpeta node_modules
npm installAquí igual. La degradación a las siguientes versiones ayudó: "sass": "^1.38.0", "sass-loader": "^10.2.0",
Tuve el mismo problema aquí con css-loader v6. La degradación a v5 parece funcionar:
"css-loader": "^5.1.1"
style-loader v3 también eliminó el soporte para Webpack 4.
Su entrada de package.json debería verse así:
"style-loader": "^2.0.0"
Esto me resolvió, por un problema similar con Sass :
npm i -D sass o yarn add sass --devnpm install o yarn dependiendo de su administrador de paquetesMi configuración:
"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" },Similar a lo que dijo @KostDM, en mi caso parece que sass-loader@11.0.0 no funciona con vue@2.6.12 .
Instalé sass-loader@10.1.1 y funcionó de maravilla nuevamente.
En su package.json :
"sass-loader": "^10",Ayer encontré un problema después de actualizar sass-loader a la última versión.
Si usa hilo, puede degradar sass-loader. Use yarn add sass-loader@^10.1.1 para que funcione.
Tuve el mismo problema resuelto al degradar sass-loader a 10.1.1. Estoy usando @vue/cli 4.5.8 que incluye webpack@4.46.0.
Desde v11.0.0 de sass-loader y v8.0.0 de less-loader, el
la versión mínima admitida del paquete web es 5
Para mí ayudó a degradar postcss-loader
+ "postcss-loader": "^4.2.0", - "postcss-loader": "^5.0.0",La degradación del cargador sass a ^ 10.0.0 funcionó para mí, pero en una nueva aplicación Nuxt.js CLI también tuve que instalar Sass con:
npm i sass Para degradar, puede eliminar la carpeta node_modules y agregar, ejecute esto en su terminal:
npm i sass-loader@10Esto instalará la última versión 10 de sass-loader.
Y después de todo, vuelve a instalar todas las dependencias:
npm iEDITAR
Las versiones de Sass-loader superiores a 10 requieren webpack 5