javascript - vue 公式サンプルコード、単体テスト中に scss ファイルを処理するとエラーが報告される
高洛峰
高洛峰 2017-05-18 10:59:10
0
1
459

プロジェクトは、vue init webpack my-project (vue webpack テンプレート) を使用して生成されます。

ブートストラップ scss パッケージを追加します
import './style/bootstrap.scss';
を main.js ファイルに追加します

npm run dev と npm run build は両方とも正常です

しかし、npm 実行ユニットがエラーを報告すると、多くのエラーは

font-size: $font-size-small;
のようなものとして表示されます。 リーリー ###間違い###

私は非常に混乱しています:

1 なぜ単体テストだけでエラーが報告されるのか

2 main.js に追加された import './style/bootstrap.scss'; を削除してみてください、ページが出てきますnpm run dev には style がありませんが、npm run ユニットのエラーは依然として

です

高洛峰
高洛峰

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

全員に返信(1)
洪涛

test/unit/index.js には次のステートメントがあります
// カバレッジには main.js を除くすべての src ファイルが必要です。
// これを変更して、カバレッジが必要なファイルのサブセットのみに一致するようにすることもできます
// for .
const srcContext = require.context('../../src', true, /^./(?!main(.js)?$)/)

const srcContext = require.context('../../src', true, /^./(style$)/)
に変更されました

問題解決

コード カバレッジをテストするために、karma は元々 main.js を除くすべてのファイルをロードしたはずですが、代わりにスタイルを削除しました

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!