☰

React コンポーネントに CSS ファイルをインポートする方法 質問する

tag-icon • tag-icon javascript reactjs relative-path
React コンポーネントに CSS ファイルをインポートする方法 質問する

CSS ファイルを React コンポーネントにインポートしたい。

試してみましたimport disabledLink from "../../../public/styles/disabledLink";が、以下のエラーが発生します。

モジュールが見つかりません: エラー: c:\Users\User\Documents\pizza-app\client\src\components 内の 'ファイル' または 'ディレクトリ' ../../../public/styles/disabledLink を解決できません @ ./client/src/components/ShoppingCartLink.js 19:20-66 ハッシュ: 2d281bb98fe0a961f7c4 バージョン: webpack 1.13.2

C:\Users\User\Documents\pizza-app\client\public\styles\disabledLink.cssロードしようとしている CSS ファイルの場所です。

私には、インポートが正しいパスを検索していないように思えます。

../../../これで、3 つ上のフォルダー レイヤーのパスの検索が開始されると思いました。

C:\Users\User\Documents\pizza-app\client\src\components\ShoppingCartLink.jsCSS ファイルをインポートするファイルの場所です。

何が間違っているのでしょうか、どうすれば修正できるでしょうか?

ベストアンサー1

必要がない場合は名前を付ける必要さえありません。

例えば

import React from 'react';
import './App.css';

完全な例はこちら（React コンポーネントとして JSX ライブ コンパイラを構築する）。

おすすめ記事