frozeman/meteor-build-client

CSS file not being included in build output

brettg2 opened this issue · 6 comments

brettg2 commented

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
frozeman commented

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

dorseth commented

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

brettg2 commented

@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!

korob93 commented

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

JamesAPetts commented

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

  • 👍1
brettg2 commented

@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

  • 🎉1