所以我试图呈现我的全局样式表,但是我得到了一个错误
错误没有在“http://localhost:8888/css/app.css”处解析样式表,因为不允许在严格模式下使用非CSS类型。
这是我的代码:
app.twig
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>App</title>
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
<link rel="stylesheet" href="{{ base_url() }}/css/app.css">
</head>
<body>
{% block content %}{% endblock %}
</body>
</html>index.twig
{% extends 'app.twig' %}
{% block content %}
Hello from {{ appName }}!
{% endblock %}app.css
* { box-sizing: border-box; }
html, body {
font-family: 'Playfair Display', serif;
background: yellow;
}正如您在我的结构中所看到的,文件在那里屏幕截图
我一直在寻找解决这个问题,但找不到修复,任何帮助都是非常感谢的。
发布于 2017-10-03 07:21:28
您应该将web服务器配置为直接解析和发送CSS文件。
如果您使用的是内置PHP服务器,那么将其添加到index.php顶部:
if (PHP_SAPI == 'cli-server') {
$_SERVER['SCRIPT_NAME'] = basename(__FILE__);
// To help the built-in PHP dev server, check if the request was actually for
// something which should probably be served as a static file
$url = parse_url($_SERVER['REQUEST_URI']);
$file = __DIR__ . $url['path'];
if (is_file($file)) {
return false;
}
}如果您正在使用Apache或Nginx,那么请查看https://www.slimframework.com/docs/start/web-servers.html
https://stackoverflow.com/questions/46532931
复制相似问题