2013-08-12 52 views
10

Tôi đang cố gắng tìm hiểu ít hơn với sự giúp đỡ của Essentials Web 2012.LESS: đầu vào không được nhận

Ngay từ khi bắt đầu, mã LESS này:

@main-color: red; 

.mega-warning { 
    font-size: 24px; 
    color: @main-color; 
} 

là đưa ra một lỗi biên dịch "ÍT: Đầu vào không được công nhận "và quá trình biên dịch dừng lại. Khi tôi khai báo biến @main-color bên trong .mega-warning lớp phạm vi mọi thứ hoạt động:

.mega-warning { 
    @main-color: red; 
    font-size: 24px; 
    color: @main-color; 
} 

am i thiếu gì?

+0

có vấn đề tương tự khi thực hiện @ main-color = red insead sử dụng: không giống như mã của bạn có vấn đề này tho. –

+0

Tôi gặp sự cố tương tự với '@media (max-width: 20rem) // một số nhận xét tại đây \ n {'. Đặt khung mở trước khi nhận xét đã khắc phục sự cố. – Trevor

Trả lời

17

Tôi đang gặp khó khăn với cùng một vấn đề. Hình như Web Essentials 2012 v2.9 vì một số lý do không phải là rất hạnh phúc về các tệp * .less bắt đầu với khai báo biến. Dưới đây là cách giải quyết của tôi:

html{} 

@main-color: red; 

.mega-warning { 
    font-size: 24px; 
    color: @main-color; 
} 

điều Lạ lùng làm việc hoàn toàn tốt khi sử dụng độc lập lessc 1.4.2 biên dịch (được bao gồm trong WE2012 2,9 theo changelog). Tôi đã gửi một email tới tác giả của các phần mở rộng của Web Essentials và đăng cho anh ta một liên kết đến câu hỏi này, vì vậy hy vọng anh ấy sẽ sớm giải quyết nó.

+0

Sự cố vẫn tồn tại với Bản cập nhật VS 2012 4 và WE mới nhất (cho thời điểm này). Điều này khá tệ :(. – Den

1

Hãy thử điều này đâu bạn đã thêm tài liệu tham khảo để ít file:

rel="stylesheet/less" 

Với điều này bạn tham khảo sẽ trông giống như

<link rel="stylesheet/less" type="text/css" href="styles.less" /> 

Tải less.js và thêm <script> thẻ tham khảo nó trong <head> . Css <link> phải đến trước <script>.

+0

Tôi không thêm tham chiếu vào tệp ít hơn, plugin Web Essentials tạo tệp css ở phía máy chủ và đó là vấn đề xuất phát từ đó. Tôi muốn tránh tiền xử lý phía khách hàng. – Dante

0

Tôi có vấn đề này trong VS Essentials/Web 2013. sửa chữa của tôi là để tạo lại tập tin .less sử dụng mẫu. Ban đầu tôi đã thay đổi phần mở rộng từ .css thành .less, nhưng dường như nó không hoạt động. Vì vậy, hãy sử dụng mẫu Visual Studio cho tệp .less.

Tôi không tích cực khi mẫu .less xuất phát từ đó, nó có thể đã đi kèm với Web Essentials hoặc có thể có trong gói mẫu SideWaffle.