ホームページ > ウェブフロントエンド > jsチュートリアル > CSS などを導入する際に vue が遭遇する落とし穴と解決策の例を共有する

CSS などを導入する際に vue が遭遇する落とし穴と解決策の例を共有する

小云云
リリース: 2018-01-24 10:29:13
オリジナル
3206 人が閲覧しました

vux を使用してモバイル ページを開発する場合、vux にあまり導入されていないパブリック スタイルが、さまざまな Baidu や Google を通じてエラーを報告し続けましたが、解決策はなく、多くの回り道をしました。結局、私はやりすぎだったことに気づき、別の方法で紹介することができました。この記事では主に、CSS や Less を導入する際に vue が遭遇する落とし穴と解決策について簡単に説明します。これは非常に参考になるので、皆さんのお役に立てれば幸いです。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

1. エラーレポートの使用: アプリ内

@ ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vux/src/styles/reset.
less 3:10-115
 @ ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-
compiler?{"id":"data-v-942b00fc","scoped":false,"hasInlineConfig":true}!./~/vux-
loader/src/style-loader.js!./~/vue-loader/lib/selector.js?type=styles&index=0!./
src/App.vue
 @ ./~/vue-style-loader!./~/css-loader?{"minimize":false,"sourceMap":false}!./~/
vue-loader/lib/style-compiler?{"id":"data-v-942b00fc","scoped":false,"hasInlineC
onfig":true}!./~/vux-loader/src/style-loader.js!./~/vue-loader/lib/selector.js?t
ype=styles&index=0!./src/App.vue
 @ ./src/App.vue
 @ ./src/main.js
 @ multi ./build/dev-client ./src/main.js
ログイン後にコピー
rreee

2. 最終的な解決策、main.js 内

 @import '~vux/src/styles/reset'
ログイン後にコピー

関連する推奨事項:

CSS を導入する 4 つの方法のまとめ

in web CSSスタイルの方法まとめ

HTMLにCSSスタイルを導入する方法まとめ

以上がCSS などを導入する際に vue が遭遇する落とし穴と解決策の例を共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート