Question

所以我正在尝试渲染我的全局样式表但是我收到错误

[错误]未在“http://localhost:8888/css/app.css”处解析样式表，因为在严格模式下不允许使用非CSS MIME类型。

这是我的代码：

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;
}

正如您在我的结构中所看到的，文件存在screenshot

我一直在寻求解决此问题，但无法找到修复程序，感谢任何帮助。

Answer 1

您应该将Web服务器配置为直接解析和发送CSS文件。

如果您正在使用内置的PHP Web服务器，请将其添加到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

Slim 3不渲染资产

1 个答案: