search

frozeman / meteor-build-client

A tool to bundle the client part of a Meteor app.
278 stars 67 forks source link

CSS file not being included in build output #34

Closed brettg2 closed 5 years ago

brettg2 commented 8 years ago

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 8 years ago

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

dorseth commented 8 years ago

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

brettg2 commented 7 years ago

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

korob93 commented 6 years ago

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

JamesAPetts commented 6 years ago

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

brettg2 commented 6 years ago

@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