react typescript パスが通らない
解決したいこと
imgのパスを通して画像を表示させたい。
環境とライブラリ
yarn
react
typescript
tsx
styled-components
発生している問題・エラー
エラーメッセージは出てないです
import React from 'react';
import styled from 'styled-components'
const Title:React.FC = () => {
console.log(process.env.REACT_APP_PUBLIC_URL);
console.log(window.location.origin);
return (
<>
<Img className='img' src={"./assets/img/img4.jpg"} alt="" />
</>
);
};
export default Title;
const Img = styled.img `
width: 100%;
height: 100%;
`
ファイル構造
-src
--assets/img
---img4.jpg
--Title.tsx
srcの中にtsxファイルとassets/imgがある
assets/imgの中にimg4.jpgがある
自分で試したこと
絶対パス、相対パスともに通りませんでした。
ですがnpm react jsxで同じ階層で絶対パス、相対パスともに通りました。
知識を貸していだたきたいです。
宜しくお願いします。
0
