不是从HTML文件加载,而是@import for css文件

时间:2014-11-08 10:02:07

标签: javascript html ubuntu

所以这里我在MACBOOK pro上的VMWare Fusion VM上使用Ubuntu有一个基本的HTML文件。

这是BASIC文件:

<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <script type="text/javascript" src="js/jquery/jquery-1.11.1.js"></script>
        <script type="text/javascript" src="js/test.js"></script>
        <link rel="stylesheet" href="css/import.css" media="all" />
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div>Hello World</div>
    </body>
</html>

好的,所以我已经开发了20多年了,我刚刚开始使用以下工作:

  • MAC OSX
  • Ubuntu MAC上的VMWare Fusion(有史以来第一次使用它而我喜欢它
  • Redis服务器(啊,不是那么多)
  • Node.js的
  • 咕噜

所以列表继续......

我的路径是/ home / myusername / inetpub / wwwroot / myprojectdir /

我的服务器URL只是:浏览器中的localhost 我正在使用Netbeans 8.0

当我运行上面的文件时,控制台日志显示CSS文件已经很好地加载了,但是,这真的很奇怪; JS文件根本不加载。

这是一个奇怪的部分:

当我像这样做一个简单的CSS加载时:

<link rel="stylesheet" href="css/import.css" media="all" />

import.css文件就是这样:

@import "style.css"

这有效,但是;当我尝试以NORMAL方式加载style.css文件时,就像这样;

<link rel="stylesheet" href="css/style.css" media="all" />

我找不到页面404错误。

我已经尝试预加载像CSS的@import这样的javascript文件,但无济于事。

这完全令人难以置信。

所以在摘要中:

这项工作:

<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <script type="text/javascript" src="js/jquery/jquery-1.11.1.js"></script> <--- DOES NOT WORK
        <script type="text/javascript" src="js/test.js"></script> <--- DOES NOT WORK
        <link rel="stylesheet" href="css/import.css" media="all" /> <--- WORKS as long as I use @import within the import.css file.
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div>Hello World</div>
    </body>
</html>

但这不是:

<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <script type="text/javascript" src="js/jquery/jquery-1.11.1.js"></script> <--- DOES NOT WORK
        <script type="text/javascript" src="js/test.js"></script> <--- DOES NOT WORK 
        <link rel="stylesheet" href="css/style.css" media="all" /> <--- DOES NOT WORK
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div>Hello World</div>
    </body>
</html>

这里有什么问题?请帮助!

更新:

这是CONSOLE LOG的截图....看看加载所有CSS文件的方式而不是JS文件....记住,我通过MAC Book Pro在VM上使用Ubuntu 14.01 LTS OSX 10.94

enter image description here

0 个答案:

没有答案