javascript - Exemple de code officiel de vue, lors du traitement des fichiers scss pendant les tests unitaires, une erreur est signalée
高洛峰
高洛峰 2017-05-18 10:59:10
0
1
507

Le projet est généré à l'aide de vue init webpack my-project, qui est le modèle vue webpack

Ajoutez le package scss de bootstrap
Ajoutez
import './style/bootstrap.scss';

au fichier main.js

npm run dev et npm run build sont tous deux normaux

Mais l'unité d'exécution npm signale une erreur et de nombreuses erreurs apparaissent, similaires à
font-size: $font-size-small;

        ^
  Undefined variable: "$font-size-small".

Erreur

Très perplexe :
1. Pourquoi le test unitaire signale-t-il à lui seul une erreur ? 2. Essayez de supprimer l'importation ajoutée './style/bootstrap.scss' dans main.js. style, mais npm run unit L'erreur persiste

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

répondre à tous(1)
洪涛

Il y a les instructions suivantes dans test/unit/index.js
// nécessitent tous les fichiers src à l'exception de main.js pour la couverture.
// vous pouvez également modifier cela pour qu'il corresponde uniquement au sous-ensemble des fichiers pour lesquels
// vous souhaitez une couverture.
const srcContext = require.context('../../src', true, /^./(?!main(.js)? $ )/)

Changé en
const srcContext = require.context('../../src', true, /^./(style$)/)

Résolution de problèmes

Il faudrait que karma ait initialement chargé tous les fichiers sauf main.js afin de tester la couverture du code que j'ai modifié pour supprimer le style

.
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal