frozeman / meteor-build-client

A tool to bundle the client part of a Meteor app.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CSS file not being included in build output

brettg2 opened this issue · comments

Two css files are being generated in the build output however the second is not being included in the generated index.html file.

Build output directory
image

index.html (the 5ac12377e86546bc57d1ae8dfa6b57a4aa491f15.css file is not being included)

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" class="__meteor-css__" href="9be2645210ab06a7045a7c0455088fc9ffb667e1.css?meteor_css_resource=true">
        <script type="text/javascript">__meteor_runtime_config__ = JSON.parse(decodeURIComponent("%7B%22meteorRelease%22%3A%22METEOR%401.3.4.4%22%2C%22ROOT_URL_PATH_PREFIX%22%3A%22%22%2C%22meteorEnv%22%3A%7B%22NODE_ENV%22%3A%22production%22%7D%2C%22ROOT_URL%22%3A%22%22%2C%22PUBLIC_SETTINGS%22%3A%7B%22persistent_session%22%3A%7B%22default_method%22%3A%22persistent%22%7D%7D%7D"));</script>
        <script type="text/javascript" src="7c35bebebc60b49141ebf65f8f1ce4f0e3c5673f.js"></script>
        <script type="text/javascript">Meteor.disconnect();</script>
        <title>ProLease</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="shortcut icon" href="/icons/favicon.ico" type="image/x-icon" />
    <link rel="apple-touch-icon" href="/images/appicons/apple-touch-icon.png" />
    <link rel="apple-touch-icon" sizes="57x57" href="/images/appicons/apple-touch-icon-57x57.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/images/appicons/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="/images/appicons/apple-touch-icon-76x76.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/images/appicons/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="/images/appicons/apple-touch-icon-120x120.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/images/appicons/apple-touch-icon-144x144.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/images/appicons/apple-touch-icon-152x152.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="fonts/calibri.css" >
    <link rel="stylesheet" href="icons/style.css" >
    <link rel="stylesheet" href="styles/style.css" >
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
    <script src="scripts/director.min.js"></script>
    </head>
    <body>
    </body>
</html>

Running on METEOR@1.3.4.4

Package versions:

allow-deny@1.0.5
amplify@1.0.0
autoupdate@1.2.11
babel-compiler@6.8.4
babel-runtime@0.1.9_1
base64@1.0.9
binary-heap@1.0.9
blaze@2.1.8
blaze-html-templates@1.0.4
blaze-tools@1.0.9
boilerplate-generator@1.0.9
caching-compiler@1.0.6
caching-html-compiler@1.0.6
callback-hook@1.0.9
check@1.2.3
clinical:session-extended-api@1.0.0
coffeescript@1.1.3
ddp@1.2.5
ddp-client@1.2.9
ddp-common@1.2.6
ddp-server@1.2.9
deps@1.0.12
diff-sequence@1.0.6
ecmascript@0.4.7
ecmascript-runtime@0.2.12
ecwyne:mathjs@2.7.0
ejson@1.0.12
es5-shim@4.5.13
fastclick@1.0.12
flawless:meteor-toastr@1.0.1
fortawesome:fontawesome@4.5.0
fourseven:scss@3.8.0_1
geojson-utils@1.0.9
hot-code-push@1.0.4
html-tools@1.0.10
htmljs@1.0.10
http@1.1.8
id-map@1.0.8
jquery@1.11.9
launch-screen@1.0.12
lepozepo:accounting@1.0.0
livedata@1.0.18
logging@1.0.14
lookback:tooltips@0.5.2
meteor@1.1.16
meteor-base@1.0.4
meteorflux:dispatcher@1.2.3
meteorflux:namespace@1.0.0
minifier-css@1.1.13
minifier-js@1.1.13
minimongo@1.0.17
mizzao:build-fetcher@0.3.2
mizzao:jquery-ui@1.11.4
mobile-experience@1.0.4
mobile-status-bar@1.0.12
modules@0.6.5
modules-runtime@0.6.5
momentjs:moment@2.14.4
mongo@1.1.9_1
mongo-id@1.0.5
npm-mongo@1.4.45
oaf:moment-duration-format@1.3.2
observe-sequence@1.0.12
ordered-dict@1.0.8
promise@0.7.3
raix:handlebar-helpers@0.2.5
random@1.0.10
reactive-dict@1.1.8
reactive-var@1.0.10
reload@1.1.10
remodal:remodal@1.0.3
retry@1.0.8
routepolicy@1.0.11
session@1.1.6
spacebars@1.0.12
spacebars-compiler@1.0.12
standard-minifier-css@1.0.8
standard-minifier-js@1.0.8
stevezhu:lodash@4.13.1
templating@1.1.13
templating-tools@1.0.4
themeteorites:blaze-magic-events@0.0.5
tracker@1.0.14
u2622:persistent-session@0.4.4
ui@1.0.11
underscore@1.0.9
url@1.0.10
webapp@1.2.10
webapp-hashing@1.0.9
webtempest:animate@0.1.9

Meteor should normally only generate one. The second one might be a left over of a previous build?

For some reason I have the same issue, when the build finishes - I manually include the second css file.

@frozeman I'm seeing up to three css files being generated. The commit 2131211 still works to include those files. Please have a look, I think it would help other users with this issue. Thank you!

@brettg2 thanks, works like a charm. @frozeman the PR for that has been waiting for a year

@brettg2 Thanks so much for this, saved a lot of headache.

@JamesAPetts no problem. I also built an alternate npm package to @frozeman’s that fixes this issue: https://www.npmjs.com/package/meteor-build-client-fixed