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.

Gulp + Browserify error

See original GitHub issue

Hi, when I try to import vue-mdl module I get this error:

Cannot find module '!!./../node_modules/css-loader/index.js?sourceMap!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./select.vue' 

My gulpfile.js

var gulp = require('gulp'),
    browserify = require('browserify'),
    source = require('vinyl-source-stream'),
    buffer = require('vinyl-buffer'),
    uglify = require('gulp-uglify'),
    sass = require('gulp-sass'),
    livereload = require('gulp-livereload'),
    concat = require('gulp-concat'),
    babel = require('gulp-babel');

gulp.task('browserify', function() {
    browserify('src/app.js')
        .transform('babelify', {presets: ['es2015', 'react']})
        // .transform('envify')
        .transform('vueify')
        .bundle()
        .on('error', function(e) {
            console.error(e.message);
        })
        .pipe(source('app.js'))
        .pipe(buffer())
        .pipe(gulp.dest('www/js'))
        .pipe(livereload())
});

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:10 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
wergimitycommented, May 6, 2016

Thanks. I used import VueMdl from 'vue-mdl/dist/vue-mdl.min'; and now everything works perfectly!

1reaction
mdeprezzocommented, May 8, 2016

Works 👯 thanks again man!!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Gulp/Browserify Error - Stack Overflow
I'm new to node and trying to setup browserify with gulp as per this tutorial: https://www.learnhowtoprogram.com/javascript/introduction-to- ...
Read more >
Gulp, Browserify, and error handling | Aten Design Group
An often overlooked piece of build processes is error handling. ... Now that our Browserify errors are handled, our Gulp task won't break!...
Read more >
Version 8.0.2 broke my build with gulp · Issue #1044 - GitHub
I think the root cause of the error you guys are running into is the introduction of process.nextTick(resolved) to add the transforms. I...
Read more >
Browserify and Gulp - handing errors - Laracasts
So I have a gulpfile,. Copy Code var gulp = require('gulp'); var browserify = require('gulp-browserify'); var rename = require('gulp-rename'); var uglify ...
Read more >
Webpack or Browserify & Gulp: Which Is Better? - Toptal
Linting to ensure consistent coding style free of errors; Production builds that differ from development builds. The web also provides some of its...
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