question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Fresh install Ember 2.5.0 fails with cannot find materialize scss

See original GitHub issue

I get errors after a fresh install

I’m on Node 6.0, NPM 3.8.6, Ember 2.5.0

I did ember new app - ember i ember-cli-materialize

Then I get these errors:

WARNING: WARNING: Node v6.0.0 has currently not been tested against Ember CLI and may result in unexpected behaviour.
Could not start watchman; falling back to NodeWatcher for file system events.
Visit http://ember-cli.com/user-guide/#watchman for more info.
Livereload server on http://localhost:49152
Serving on http://localhost:4200/
File: /Users/Gacnt/Javascripts/fmconnect/tmp/sass_compiler-input_base_path-PzFSurme.tmp/0/app/styles/app.scss (5)
The Broccoli Plugin: [SassCompiler] failed with:
Error: File to import not found or unreadable: materialize
Parent style sheet: /Users/Gacnt/Javascripts/fmconnect/tmp/sass_compiler-input_base_path-PzFSurme.tmp/0/app/styles/app.scss
    at options.error (/Users/Gacnt/Javascripts/fmconnect/node_modules/ember-cli-sass/node_modules/broccoli-sass-source-maps/node_modules/node-sass/lib/index.js:277:32)

The broccoli plugin was instantiated at:
    at SassCompiler.Plugin (/Users/Gacnt/Javascripts/fmconnect/node_modules/broccoli-caching-writer/node_modules/broccoli-plugin/index.js:10:31)
    at SassCompiler.CachingWriter [as constructor] (/Users/Gacnt/Javascripts/fmconnect/node_modules/broccoli-caching-writer/index.js:21:10)
    at new SassCompiler (/Users/Gacnt/Javascripts/fmconnect/node_modules/ember-cli-sass/node_modules/broccoli-sass-source-maps/index.js:20:17)
    at /Users/Gacnt/Javascripts/fmconnect/node_modules/ember-cli-sass/index.js:27:12
    at Array.map (native)
    at SASSPlugin.toTree (/Users/Gacnt/Javascripts/fmconnect/node_modules/ember-cli-sass/index.js:24:34)
    at /Users/Gacnt/Javascripts/fmconnect/node_modules/ember-cli-preprocess-registry/preprocessors.js:184:26
    at Array.forEach (native)
    at processPlugins (/Users/Gacnt/Javascripts/fmconnect/node_modules/ember-cli-preprocess-registry/preprocessors.js:182:11)
    at module.exports.preprocessCss (/Users/Gacnt/Javascripts/fmconnect/node_modules/ember-cli-preprocess-registry/preprocessors.js:152:10)

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:1
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

15reactions
mike-northcommented, May 9, 2016

Related to ember-cli bug https://github.com/ember-cli/ember-cli/pull/5880, for which there’s already a fix being reviewed and tested - https://github.com/ember-cli/ember-cli/pull/5883

To be clear, ember-cli didn’t handle blueprint customization of ember-cli-build.js in v2.5.0, and although this is fixed in the v2.6.0 beta, the above bug was introduced which breaks things in another way.

The manual fix:

Add the appropriate SASS paths to your asset pipeline, via your ember-cli-build.js file. Here’s an example:

var EmberApp = require('ember-cli/lib/broccoli/ember-app');

module.exports = function(defaults) {
  var app = new EmberApp(defaults, {
    sassOptions: {
      includePaths: [
        'bower_components/materialize/sass'
      ]
    }
  });

  return app.toTree();
};
1reaction
corckcommented, Jan 23, 2017

I still need to add the manual fix to get it working. ember-cli: 2.10.0, node: 7.4.0, os: linux x64

Read more comments on GitHub >

github_iconTop Results From Across the Web

"ember install package@version" fails after npm #5880 - GitHub
Could not find addon with name: ember-cp-validations@~2.7.0 ... Fresh install Ember 2.5.0 fails with cannot find materialize scss ...
Read more >
Problem with Node-sass in legacy project with Ember
This doesn't work because there's no uploaded binary of that node-sass version for node 12.x. It only goes up to node 7.
Read more >
ember-cli-materialize - npm
An ember-cli addon for using Materialize (CSS Framework based on Material Design) in Ember applications.
Read more >
Stuck using ember-cli
I've been having problems after problems using ember-cli. At first I could install it and create new ember projects with it. I can't...
Read more >
Web Libraries in Jars - WebJars
Materialize Sass, org.webjars, materializesass ... angular-materialize, org.webjars.bower, github-com-krescruz-angular-materialize, 0.2.2.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found