index.html không tải CSS cục bộ

Gần đây tôi đã bắt đầu sử dụng AngularCLI. Tôi đã chuyển tất cả các tệp của tôi từ Angular2 sang dự án AngularCLI.index.html không tải CSS cục bộ

Nhưng nó không tải một số tệp css cục bộ nhưng nó đang tải các tệp css khác?

Current Directory là:

-src 
--index 
--styles.css 
--app 
---angular2-fullcalendar 
----fullcalendar.min.css

index.html

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Cudyangularcli</title> 
    <base href="/"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="icon" type="image/x-icon" href="favicon.ico"> 
    <link rel="stylesheet" type="text/css" href="styles.css"> 
    <link rel="stylesheet" type="text/css" href="../src/app/angular2-fullcalendar/fullcalendar.min.css" > 
</head> 
<body> 
    <app-root>Loading...</app-root> 
</body> 
</html>

lỗi là:

Nguồn

2017-05-23 User1911

từ angular-cli readme: "Bạn có thể thêm phong cách toàn cầu khác thông qua ứng dụng [0] .styles property trong angular-cli.json." https://www.npmjs.com/package/angular-cli#global-styles – n00dl3

Tôi nghĩ đường dẫn sai, khi bạn chạy ứng dụng, thư mục gốc của ứng dụng được đặt làm thư mục 'src', trong trường hợp này bạn nên chuyển hướng đến '/ app/...'. – hakany

@hakany đã cố gắng. vẫn là lỗi tương tự. – User1911

Nó không tải, bởi vì bạn cần phải sử dụng angular-cli.json tập tin để thêm các file css vào dự án, không phải là index.html. Để làm như vậy, bạn chỉ cần mở angular-cli-json và thêm các tập tin css vào styles:

"styles": [ 
     "styles.css", 
     "another-styles.css" 
]

Nguồn

2017-05-23 08:29:40 Haseoh

styles.css đã ở trong, vẫn hiển thị lỗi cho tôi! – User1911

Đảm bảo xóa liên kết css từ 'index.html' và kiểm tra xem bạn có đường dẫn đến tệp .css nhất định không chính xác. – Haseoh

đã nhận được! cảm ơn. – User1911

tạo thư mục src/assets/css và đặt tập tin của bạn fullcalendar.min.css trong src/assets/css.

Point để nó với:

<link rel="stylesheet" type="text/css" href="assets/css/fullcalendar.min.css">

góc-cli build lệnh sẽ sao chép các thư mục assets và nội dung của dist/assets như đã nêu trong .angular-cli.json: cấu trúc thư mục

"apps": [{"assets": ["assets"] ...} ...]

tôi sử dụng sau đây:

src/assets/css 
src/assets/js 
src/assets/icons 
...

Bạn có thể cũng đặt "apps": [{"styles": ["angular2-fullcalendar/fullcalendar.min.css"] ...} ...] trong .angular-cli.json như @Haseoh đã đề cập.

Sự khác biệt là assets sẽ sao chép tệp css như là thư mục dist. styles sẽ gói nội dung của tệp css vào tệp styles.bundle.js.

Nguồn

2017-05-23 08:39:45 wolfrevo

Về cơ bản theo mặc định đường dẫn cho styles.css được chỉ định trong angular-cli.json.So bạn không cần phải gọi bên trong index.html.It sẽ tải tự động. "kiểu": ["styles.css",]. Nếu bạn có bất kỳ tệp css nào khác.định rõ mục này ở đây.Và thêm đường dẫn as href = "../ path".

Nguồn

2017-09-27 06:23:47 Anusha

index.html không tải CSS cục bộ

Trả lời

Các vấn đề liên quan