問題タブ [webpack-3]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

181 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
5 に答える
13275 参照

reactjs - .jsx ファイルのインポート時にモジュールが見つからない

解決策がわかりません。Reactstrap (CSS フレームワーク)、React、Express、および Webpack を使用しています。

index.jsx に App.jsx ファイルをインポートすることに成功しました。次に、同じ方法を使用して App.jsx に NavbarTemplate.jsx ファイルをインポートしようとしました。しかし、次のようなエラーが表示されました：

./client/src/components/App.jsx モジュールにエラーが見つかりません: エラー: '/Users/oprent1/v2/oprent-react/client/src/components' @ ./ の 'NavbarTemplate.jsx' を解決できませんclient/src/components/App.jsx 11:22-51 @ ./client/src/index.jsx

構成の何が問題になっていますか? これに関連するいくつかのファイルを以下に提供しました。

webpack.config.js

index.jsx

App.jsx

NavbarTemplate.jsx

フォルダ構造

ここに画像の説明を入力

0 投票する
1 に答える
2532 参照

webpack - 情報がないWebpack 3 schema-utilsエラー

webpack を実行すると、次のようになります。

これは私の設定です:

0 投票する
1 に答える
3807 参照

sass - WebPack + SASS:相対イメージパスを生成するには?

contextPath を追加するために、プロキシ (proxyPass) として機能する Apache vhost の背後に Web アプリケーションをセットアップしようとしています。もちろん、仮想ホストだけがこの contextPath を知っている必要があります。

ロードされていない背景画像を除いて、すべて問題ありません。理由は簡単です:

SASS 画像の URL は絶対であり、contextPath は含まれません。

最終的な CSS で生成された URL が相対 URL である場合、画像は正しく読み込まれるはずです。

相対パスを生成するためにSASS / Webpackを使用する方法は？

ノート：

SASS ファイルで使用する絶対パスまたは相対パスが何であれ、最終出力は常に絶対パスです。私は現在使用しています：

  • ウェブパック 3
  • ノードサス 4.5.3
  • sass-loader 6.0.6
  • 抽出テキスト webpack プラグイン 3.0.0

私はファイルローダーを使用せず（私も試しましたが何も変更しませんでした）、すべての画像をdistディレクトリにコピーするだけです。


12345678910