There was a bug in chrome, try the latest version, also on your webpack config try using different sourcemaps on devtool try all of these to see if one works for inline source map:


 - inline-source-map

 - cheap-inline-source-map


for other different configs:

 - cheap-source-map

 - cheap-module-source-map 

 - cheap-module-eval-source-map

on webpack config:

    {

    ...

    devtool:&#39;source-map&#39;
 
    ...

    }

Configuring with `devtool: &#39;inline-module-source-map&#39;` into webpack fixed my issues.

I need to remove  ``index.php`` or ``public/index.php`` from the generated URL in Laravel; commonly path is ``localhost/public/index.php/someWordForRoute``, It should be something like ``localhost/someWordForRoute.``

**.htaccess**

    &lt;IfModule mod_rewrite.c&gt;
    &lt;IfModule mod_negotiation.c&gt;
    Options -MultiViews
    &lt;/IfModule&gt;

    RewriteEngine On

    # Redirect Trailing Slashes.
    RewriteRule ^(.*)/$ /$1 [L,R=301]

    # Handle Front Controller.
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^ index.php[L]
&lt;/IfModule&gt;

**app/config/app.php**

    &#39;url&#39; =&gt; &#39;http://localhost&#39;,


How can I change that?


How Can I Remove “public/index.php” in the URL Generated Laravel?

I am installing the Wamp Server on another computer to run a mid-sized database and UI. I have been successful in blocking IIS and routing the server to Localhost:8080. But whenever I try to access on of my projects from the localhost homepage, in the www file; I get redirected to a Page not found error. 

When I hover above the links the directory always comes up &quot;http:// ProjectFolderNameHere /&quot;. when it&#39;s supposed to be &quot;http:// LocalHost:8080 / ProjectFolderNameHere /&quot;. What can I do to get the links working properly?

My Machine runs on Windows 7 Home Edition 64-bits, and I already have Microsoft&#39;s IIS disabled.

Project Links do not work on Wamp Server

I&#39;m having an issue where the sourcemaps generated by Webpack using the `inline-source-map` configuration setting are off by one line when I use the Chrome devtools debugger.
Webpack is set up inside a Ruby on Rails application to generate a concatenated, unminified JavaScript file composed of a couple dozen modules.  Most of those modules are ReactJS components, and are parsed by the `jsx` loader.  The output from Webpack is then included in the `application.js` file along with some other JavaScript libraries generated by gems.

When I use `eval-source-map`, there is no problem.  Something about the use of `inline-source-map` causes the line numbers to be thrown off by one.

Inspecting JavaScript that is not a React component still has this issue, so I don&#39;t think it&#39;s related to the use of jsx.

Sourcemaps off by one line in Chrome, with Ruby on Rails, Webpack, and React JS

I'm having an issue where the sourcemaps generated by Webpack using the <code>inline-source-map</code> configuration setting are off by one line when I use the Chrome devtools debugger.
Webpack is set up inside a Ruby on Rails application to generate a concatenated, unminified JavaScript file composed of a couple dozen modules. Most of those modules are ReactJS components, and are parsed by the <code>jsx</code> loader. The output from Webpack is then included in the <code>application.js</code> file along with some other JavaScript libraries generated by gems.
When I use <code>eval-source-map</code>, there is no problem. Something about the use of <code>inline-source-map</code> causes the line numbers to be thrown off by one.
Inspecting JavaScript that is not a React component still has this issue, so I don't think it's related to the use of jsx.

I was just wondering what could happen if, while an ajax call is being executed, an alert is prompted to the user, in the browser window.

Let&#39;s say, for example, that I have an ajax call

    $.ajax({
        url: ...,
        type: GET/POST,
        ...
        success: function(data){
            console.log(data);
        },
        error: ...
    });

that takes long time to complete (10 sec). While the call is executed, a simple javascript alert is thrown

    alert(&quot;hello!&quot;);

What happens for example if:

1. ajax call starts
2. ajax call fetching data
3. alert is shown
4. ajax call returns data (alert window is still open!)

Knowing that JS is single threaded I know that the script execution will halt, I was just wondering what happens to the ajax call/response if the alert window is not closed &quot;in time&quot;.

I hope I was clear enough and that this is not a &quot;dummy&quot; question. Thank you 



What happens if an alert window is shown during an ajax call?

I was writing code that does something that looks like:

    function getStuffDone(param) {           | function getStuffDone(param) {
        var d = Q.defer(); /* or $q.defer */ |     return new Promise(function(resolve, reject) {
        // or = new $.Deferred() etc.        |     // using a promise constructor
        myPromiseFn(param+1)                 |         myPromiseFn(param+1)
        .then(function(val) { /* or .done */ |         .then(function(val) {
            d.resolve(val);                  |             resolve(val);
        }).catch(function(err) { /* .fail */ |         }).catch(function(err) {
            d.reject(err);                   |             reject(err);
        });                                  |         });
        return d.promise; /* or promise() */ |     });
    }                                        | }

Someone told me this is called the &quot;**deferred antipattern**&quot; or the &quot;**`Promise` constructor antipattern**&quot; respectively, what&#39;s bad about this code and why is this called an [antipattern](https://en.wikipedia.org/wiki/Anti-pattern)?

What is the explicit promise construction antipattern and how do I avoid it?

From the MDN docs for the *standard* [`setPrototypeOf` function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/setPrototypeOf)  as well as the non-standard [ `__proto__` property](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/proto):
&gt; Mutating the [[Prototype]] of an object, no matter how this is accomplished, is strongly discouraged, because it is very slow and unavoidably slows down subsequent execution in modern JavaScript implementations.



Using `Function.prototype` to add properties is *the* way to add member functions to javascript classes. Then as the following shows: 

    function Foo(){}
    function bar(){}
    
    var foo = new Foo();
    
    // This is bad: 
    //foo.__proto__.bar = bar;
    
    // But this is okay
    Foo.prototype.bar = bar;
    
    // Both cause this to be true: 
    console.log(foo.__proto__.bar == bar); // true

Why is `foo.__proto__.bar = bar;` bad? If its bad isn&#39;t `Foo.prototype.bar = bar;` just as bad? 

Then why this warning: ***it is very slow and unavoidably slows down subsequent execution in modern JavaScript implementations***. Surely `Foo.prototype.bar = bar;` is not that bad.


**Update** Perhaps by mutation they meant reassignment. See accepted answer. 

Why is mutating the [[prototype]] of an object bad for performance?

a &quot;problem&quot; which i have every now and then is that i have an object e.g. `user = {}` and through the course of using the app this gets populated. Let&#39;s say somwhere, after an AJAX call or something i do this:

    user.loc = {
        lat: 50,
        long: 9
    }

At another place i want to check if `user.loc.lat` exists.

    if (user.loc.lat) {
        // do something
    }

If it does not exists, this will cause an error. If `user.loc.lat` is `undefined`, `user.loc` of course is `undefined` as well.

    &quot;Cannot read property &#39;lat&#39; of null&quot; - Dev Tools error

That means I need to check it like this:

    if (user.loc) {
        if (user.loc.lat) {
            // do something
        }
    }

or

    if (user.loc &amp;&amp; user.loc.lat) {
        // do something
    }


This isn&#39;t really pretty and the bigger my objects are the worse it gets - obviously (imagine 10 levels of nesting).
It kind bums me that `if(user.loc.lat)` isn&#39;t just returning `false` if `user.loc` is `undefined` as well.

What&#39;s the ideal way to check situations like this?


JavaScript, elegant way to check nested object properties for null/undefined

I have created a demo using JavaScript for Flickr photo search API. 
Now I am converting it to the AngularJs.
I have searched on internet and found below configuration. 

Configuration:

    myApp.config(function($httpProvider) {
      $httpProvider.defaults.useXDomain = true;
      delete $httpProvider.defaults.headers.common[&#39;X-Requested-With&#39;];
    });

Service:

    myApp.service(&#39;dataService&#39;, function($http) {
    	delete $http.defaults.headers.common[&#39;X-Requested-With&#39;];
    	this.flickrPhotoSearch = function() {
    	    return $http({
    	        method: &#39;GET&#39;,
    	        url: &#39;http://api.flickr.com/services/rest/?method=flickr.photos.search&amp;api_key=3f807259749363aaa29c76012fa93945&amp;tags=india&amp;format=json&amp;callback=?&#39;,
    	        dataType: &#39;jsonp&#39;,
    	        headers: {&#39;Authorization&#39;: &#39;Token token=xxxxYYYYZzzz&#39;}
    	     });
    	 }
    });

Controller:

    myApp.controller(&#39;flickrController&#39;, function($scope, dataService) {
    	    $scope.data = null;
    	    dataService.flickrPhotoSearch().then(function(dataResponse) {
    	        $scope.data = dataResponse;
    	        console.log($scope.data);
    	    });
    	});


But still I got the same error.
Here are some links I tried:

http://stackoverflow.com/q/18733104/3115091

http://goo.gl/JuS5B1




How to enable CORS in AngularJs

I have been working with Rails and it sends me back this error. Please provide questions. Thanks for all the help. I will update this question with a better one because I don&#39;t know how to ask it.


    Bundler::GemNotFound: Could not find rake-10.3.2 in any of the sources
    ~/.rvm/gems/ruby-2.0.0-p451/gems/bundler-1.6.2/lib/bundler/spec_set.rb:92:in `block in materialize&#39;
    ~/.rvm/gems/ruby-2.0.0-p451/gems/bundler-1.6.2/lib/bundler/spec_set.rb:85:in `map!&#39;
    ~/.rvm/gems/ruby-2.0.0-p451/gems/bundler-1.6.2/lib/bundler/spec_set.rb:85:in `materialize&#39;
    ~/.rvm/gems/ruby-2.0.0-p451/gems/bundler-1.6.2/lib/bundler/definition.rb:133:in `specs&#39;
    ~/.rvm/gems/ruby-2.0.0-p451/gems/bundler-1.6.2/lib/bundler/definition.rb:178:in `specs_for&#39;
    Show 28 more lines

I am sure my rake is latest version

Gemfile

    source &#39;https://rubygems.org&#39;
    
    
    # Bundle edge Rails instead: gem &#39;rails&#39;, github: &#39;rails/rails&#39;
    gem &#39;rails&#39;, &#39;4.1.1&#39;
    # Use sqlite3 as the database for Active Record
    gem &#39;sqlite3&#39;
    # Use SCSS for stylesheets
    gem &#39;sass-rails&#39;, &#39;~&gt; 4.0.3&#39;
    # Use Uglifier as compressor for JavaScript assets
    gem &#39;uglifier&#39;, &#39;&gt;= 1.3.0&#39;
    # Use CoffeeScript for .js.coffee assets and views
    gem &#39;coffee-rails&#39;, &#39;~&gt; 4.0.0&#39;
    # See https://github.com/sstephenson/execjs#readme for more supported runtimes
    # gem &#39;therubyracer&#39;,  platforms: :ruby
    
    # Use jquery as the JavaScript library
    gem &#39;jquery-rails&#39;
    gem &#39;devise&#39;, &#39;3.0.2&#39;
    gem &quot;seo_helper&quot;, &quot;~&gt; 1.0.2&quot;
    gem &quot;open_graph_helper&quot;
    
    gem &quot;rmagick&quot;
    gem &quot;carrierwave&quot;
    gem &quot;carrierwave-meta&quot;
    
    gem &quot;settingslogic&quot;
    
    gem &quot;anjlab-bootstrap-rails&quot;, &quot;2.3.1.2&quot;, :require =&gt; &quot;bootstrap-rails&quot;
    gem &quot;bootstrap_helper&quot;, &quot;&gt;= 4.2.2.1&quot;
    gem &quot;simple_form&quot;, &quot;~&gt; 3.0.1&quot; 
    gem &quot;will_paginate&quot;, &quot;3.0.3&quot;
    gem &quot;font-awesome-rails&quot;, &quot;~&gt; 3.2.1.3&quot;
    
    gem &quot;high_voltage&quot;
    
    gem &quot;airbrake&quot;
    
    gem &quot;rvm-capistrano&quot;
    gem &#39;rake&#39;, &#39;~&gt; 10.3.2&#39;
    gem &quot;omniauth&quot;
    gem &quot;omniauth-facebook&quot;
    gem &quot;auto-facebook&quot;, &quot;0.42&quot;
    
    
    gem &quot;whenever&quot;
    
    gem &quot;hipchat&quot;
    
    # Cache
    gem &quot;dalli&quot;
    
    gem &quot;compass-rails&quot;, &quot;~&gt; 1.1.2&quot;
    
    group :development do
      gem &quot;capistrano&quot;
      gem &quot;capistrano-ext&quot;
      gem &quot;cape&quot;
      gem &quot;binding_of_caller&quot;
      gem &quot;better_errors&quot;, &quot;~&gt; 0.9.0&quot;
      gem &quot;magic_encoding&quot;
      gem &quot;annotate&quot;
      gem &quot;powder&quot;
      gem &quot;pry-nav&quot;
      gem &quot;pry-remote&quot;
    end
    
    
   
Gemfile.lock

    GEM
      remote: https://rubygems.org/
      specs:
        actionmailer (4.1.1)
          actionpack (= 4.1.1)
          actionview (= 4.1.1)
          mail (~&gt; 2.5.4)
        actionpack (4.1.1)
          actionview (= 4.1.1)
          activesupport (= 4.1.1)
          rack (~&gt; 1.5.2)
          rack-test (~&gt; 0.6.2)
        actionview (4.1.1)
          activesupport (= 4.1.1)
          builder (~&gt; 3.1)
          erubis (~&gt; 2.7.0)
        activemodel (4.1.1)
          activesupport (= 4.1.1)
          builder (~&gt; 3.1)
        activerecord (4.1.1)
          activemodel (= 4.1.1)
          activesupport (= 4.1.1)
          arel (~&gt; 5.0.0)
        activesupport (4.1.1)
          i18n (~&gt; 0.6, &gt;= 0.6.9)
          json (~&gt; 1.7, &gt;= 1.7.7)
          minitest (~&gt; 5.1)
          thread_safe (~&gt; 0.1)
          tzinfo (~&gt; 1.1)
        airbrake (3.1.17)
          builder
          multi_json
        anjlab-bootstrap-rails (2.3.1.2)
          railties (&gt;= 3.0)
          sass (&gt;= 3.2)
        annotate (2.6.3)
          activerecord (&gt;= 2.3.0)
          rake (&gt;= 0.8.7)
        arel (5.0.1.20140414130214)
        auto-facebook (0.42)
          omniauth
          omniauth-facebook
          rails (&gt;= 4.0.0)
        bcrypt (3.1.7)
        bcrypt-ruby (3.1.5)
          bcrypt (&gt;= 3.1.3)
        better_errors (0.9.0)
          coderay (&gt;= 1.0.0)
          erubis (&gt;= 2.6.6)
        binding_of_caller (0.7.2)
          debug_inspector (&gt;= 0.0.1)
        bootstrap_helper (4.2.3)
          railties (&gt;= 4.0.0)
          thor (~&gt; 0.14)
          will_paginate (&gt;= 3.0.3)
        builder (3.2.2)
        cape (1.8.0)
        capistrano (2.15.5)
          highline
          net-scp (&gt;= 1.0.0)
          net-sftp (&gt;= 2.0.0)
          net-ssh (&gt;= 2.0.14)
          net-ssh-gateway (&gt;= 1.1.0)
        capistrano-ext (1.2.1)
          capistrano (&gt;= 1.0.0)
        carrierwave (0.10.0)
          activemodel (&gt;= 3.2.0)
          activesupport (&gt;= 3.2.0)
          json (&gt;= 1.7)
          mime-types (&gt;= 1.16)
        carrierwave-meta (0.0.5)
          activesupport (&gt;= 3.0)
          carrierwave (&gt;= 0.5.7)
          mime-types
        chronic (0.10.2)
        chunky_png (1.3.1)
        coderay (1.1.0)
        coffee-rails (4.0.1)
          coffee-script (&gt;= 2.2.0)
          railties (&gt;= 4.0.0, &lt; 5.0)
        coffee-script (2.2.0)
          coffee-script-source
          execjs
        coffee-script-source (1.7.0)
        compass (0.12.6)
          chunky_png (~&gt; 1.2)
          fssm (&gt;= 0.2.7)
          sass (~&gt; 3.2.19)
        compass-rails (1.1.7)
          compass (&gt;= 0.12.2)
          sprockets (&lt;= 2.11.0)
        dalli (2.7.2)
        debug_inspector (0.0.2)
        devise (3.0.2)
          bcrypt-ruby (~&gt; 3.0)
          orm_adapter (~&gt; 0.1)
          railties (&gt;= 3.2.6, &lt; 5)
          warden (~&gt; 1.2.3)
        erubis (2.7.0)
        execjs (2.0.2)
        faraday (0.9.0)
          multipart-post (&gt;= 1.2, &lt; 3)
        font-awesome-rails (3.2.1.3)
          railties (&gt;= 3.2, &lt; 5.0)
        fssm (0.2.10)
        hashie (2.1.1)
        high_voltage (2.1.0)
        highline (1.6.21)
        hike (1.2.3)
        hipchat (1.1.0)
          httparty
        httparty (0.13.1)
          json (~&gt; 1.8)
          multi_xml (&gt;= 0.5.2)
        i18n (0.6.9)
        jbuilder (2.0.7)
          activesupport (&gt;= 3.0.0, &lt; 5)
          multi_json (~&gt; 1.2)
        jquery-rails (3.1.0)
          railties (&gt;= 3.0, &lt; 5.0)
          thor (&gt;= 0.14, &lt; 2.0)
        json (1.8.1)
        jwt (0.1.13)
          multi_json (&gt;= 1.5)
        magic_encoding (0.0.2)
        mail (2.5.4)
          mime-types (~&gt; 1.16)
          treetop (~&gt; 1.4.8)
        method_source (0.8.2)
        mime-types (1.25.1)
        minitest (5.3.4)
        multi_json (1.10.1)
        multi_xml (0.5.5)
        multipart-post (2.0.0)
        net-scp (1.2.1)
          net-ssh (&gt;= 2.6.5)
        net-sftp (2.1.2)
          net-ssh (&gt;= 2.6.5)
        net-ssh (2.9.1)
        net-ssh-gateway (1.2.0)
          net-ssh (&gt;= 2.6.5)
        oauth2 (0.9.3)
          faraday (&gt;= 0.8, &lt; 0.10)
          jwt (~&gt; 0.1.8)
          multi_json (~&gt; 1.3)
          multi_xml (~&gt; 0.5)
          rack (~&gt; 1.2)
        omniauth (1.2.1)
          hashie (&gt;= 1.2, &lt; 3)
          rack (~&gt; 1.0)
        omniauth-facebook (1.6.0)
          omniauth-oauth2 (~&gt; 1.1)
        omniauth-oauth2 (1.1.2)
          faraday (&gt;= 0.8, &lt; 0.10)
          multi_json (~&gt; 1.3)
          oauth2 (~&gt; 0.9.3)
          omniauth (~&gt; 1.2)
        open_graph_helper (0.2.0)
        orm_adapter (0.5.0)
        polyglot (0.3.4)
        powder (0.2.1)
          thor (&gt;= 0.11.5)
        pry (0.9.12.6)
          coderay (~&gt; 1.0)
          method_source (~&gt; 0.8)
          slop (~&gt; 3.4)
        pry-nav (0.2.3)
          pry (~&gt; 0.9.10)
        pry-remote (0.1.8)
          pry (~&gt; 0.9)
          slop (~&gt; 3.0)
        rack (1.5.2)
        rack-test (0.6.2)
          rack (&gt;= 1.0)
        rails (4.1.1)
          actionmailer (= 4.1.1)
          actionpack (= 4.1.1)
          actionview (= 4.1.1)
          activemodel (= 4.1.1)
          activerecord (= 4.1.1)
          activesupport (= 4.1.1)
          bundler (&gt;= 1.3.0, &lt; 2.0)
          railties (= 4.1.1)
          sprockets-rails (~&gt; 2.0)
        railties (4.1.1)
          actionpack (= 4.1.1)
          activesupport (= 4.1.1)
          rake (&gt;= 0.8.7)
          thor (&gt;= 0.18.1, &lt; 2.0)
        rake (10.3.2)
        rdoc (4.1.1)
          json (~&gt; 1.4)
        rmagick (2.13.2)
        rvm-capistrano (1.5.1)
          capistrano (~&gt; 2.15.4)
        sass (3.2.19)
        sass-rails (4.0.3)
          railties (&gt;= 4.0.0, &lt; 5.0)
          sass (~&gt; 3.2.0)
          sprockets (~&gt; 2.8, &lt;= 2.11.0)
          sprockets-rails (~&gt; 2.0)
        sdoc (0.4.0)
          json (~&gt; 1.8)
          rdoc (~&gt; 4.0, &lt; 5.0)
        seo_helper (1.0.2)
        settingslogic (2.0.9)
        simple_form (3.0.2)
          actionpack (~&gt; 4.0)
          activemodel (~&gt; 4.0)
        slop (3.5.0)
        spring (1.1.3)
        sprockets (2.11.0)
          hike (~&gt; 1.2)
          multi_json (~&gt; 1.0)
          rack (~&gt; 1.0)
          tilt (~&gt; 1.1, != 1.3.0)
        sprockets-rails (2.1.3)
          actionpack (&gt;= 3.0)
          activesupport (&gt;= 3.0)
          sprockets (~&gt; 2.8)
        sqlite3 (1.3.9)
        thor (0.19.1)
        thread_safe (0.3.3)
        tilt (1.4.1)
        treetop (1.4.15)
          polyglot
          polyglot (&gt;= 0.3.1)
        turbolinks (2.2.2)
          coffee-rails
        tzinfo (1.1.0)
          thread_safe (~&gt; 0.1)
        uglifier (2.5.0)
          execjs (&gt;= 0.3.0)
          json (&gt;= 1.8.0)
        warden (1.2.3)
          rack (&gt;= 1.0)
        whenever (0.9.2)
          activesupport (&gt;= 2.3.4)
          chronic (&gt;= 0.6.3)
        will_paginate (3.0.3)
    
    PLATFORMS
      ruby
    
    DEPENDENCIES
      airbrake
      anjlab-bootstrap-rails (= 2.3.1.2)
      annotate
      auto-facebook (= 0.42)
      better_errors (~&gt; 0.9.0)
      binding_of_caller
      bootstrap_helper (&gt;= 4.2.2.1)
      cape
      capistrano
      capistrano-ext
      carrierwave
      carrierwave-meta
      coffee-rails (~&gt; 4.0.0)
      compass-rails (~&gt; 1.1.2)
      dalli
      devise (= 3.0.2)
      font-awesome-rails (~&gt; 3.2.1.3)
      high_voltage
      hipchat
      jbuilder (~&gt; 2.0)
      jquery-rails
      magic_encoding
      omniauth
      omniauth-facebook
      open_graph_helper
      powder
      pry-nav
      pry-remote
      rails (= 4.1.1)
      rmagick
      rvm-capistrano
      sass-rails (~&gt; 4.0.3)
      sdoc (~&gt; 0.4.0)
      seo_helper (~&gt; 1.0.2)
      settingslogic
      simple_form (~&gt; 3.0.1)
      spring
      sqlite3
      turbolinks
      uglifier (&gt;= 1.3.0)
      whenever
      will_paginate (= 3.0.3)

        
    
 I tried `bundle install rake` and `bundle update` but it still doesn&#39;t work.
Thanks for all the help.



Bundler::GemNotFound: Could not find rake-10.3.2 in any of the sources

I&#39;m wondering how I can turn off all these warnings when running a simple test:

    [1] guard(main)&gt; 
    16:59:46 - INFO - Run all
    16:59:46 - INFO - Running all specs
    /Users/esjd/.rvm/gems/ruby-2.1.2/gems/rspec-rails-3.0.1/lib/rspec/rails/adapters.rb:124: warning: instance variable @example not initialized
    /Users/esjd/.rvm/gems/ruby-2.1.2/gems/rspec-rails-3.0.1/lib/rspec/rails/adapters.rb:124: warning: instance variable @example not initialized
    .*

    Pending:
      HomeHelper add some examples to (or delete) /Users/esjd/ruby/rails/ts3/spec/helpers/home_helper_spec.rb
        # Not yet implemented
        # ./spec/helpers/home_helper_spec.rb:14

    Finished in 0.03601 seconds (files took 7 minutes 48 seconds to load)
    2 examples, 0 failures, 1 pending
    /Users/esjd/.rvm/gems/ruby-2.1.2/gems/celluloid-0.15.2/lib/celluloid/tasks.rb:76: warning: global variable `$CELLULOID_DEBUG&#39; not initialized
    /Users/esjd/.rvm/gems/ruby-2.1.2/gems/celluloid-0.15.2/lib/celluloid/tasks.rb:76: warning: global variable `$CELLULOID_DEBUG&#39; not initialized

    /Users/esjd/.rvm/gems/ruby-2.1.2/gems/guard-2.6.1/lib/guard/interactor.rb:64: warning: instance variable @enabled not initialized
    /Users/esjd/.rvm/gems/ruby-2.1.2/gems/guard-2.6.1/lib/guard/interactor.rb:64: warning: instance variable @enabled not initialized
    /Users/esjd/.rvm/gems/ruby-2.1.2/gems/guard-2.6.1/lib/guard/interactor.rb:64: warning: instance variable @enabled not initialized
    /Users/esjd/.rvm/gems/ruby-2.1.2/gems/guard-2.6.1/lib/guard/interactor.rb:64: warning: instance variable @enabled not initialized
    /Users/esjd/.rvm/gems/ruby-2.1.2/gems/celluloid-0.15.2/lib/celluloid/tasks.rb:76: warning: global variable `$CELLULOID_DEBUG&#39; not initialized
    /Users/esjd/.rvm/gems/ruby-2.1.2/gems/celluloid-0.15.2/lib/celluloid/tasks.rb:76: warning: global variable `$CELLULOID_DEBUG&#39; not initialized


I&#39;m running Rails 4.1.1, Ruby 2.1.2p95, and...

    guard (2.6.1)
    rspec (3.0.0)
    guard-rspec (4.2.9)

I&#39;ve tried running guard with:

    guard :rspec, cmd:&quot;ruby -W0 bin/rspec&quot; do

instead of:

    guard :rspec, cmd:&quot;spring rspec&quot; do

But it didn&#39;t do anything.

These warnings are super annoying, and I&#39;m pretty sure I&#39;m not causing them. Help!

Guard with RSpec on Rails 4 giving a lot of warnings

I am doing the Rails Tutorial for the second time. When I enter this 

    rails generate integration_test static_pages

I get `spec/rails_helper.rb` and `spec/spec_helper.rb` instead of just `spec/spec_helper.rb`

Now when I run my tests, they are longer (more &quot;verbose&quot;) and slower than when I did this last time. 
I am wondering what the difference between the two files is, and if I did something wrong.
Also, is there a way to get rid of the `rails_helper.rb` file without messing everything up?

How is spec/rails_helper.rb different from spec/spec_helper.rb? Do I need it?

I have been looking to get to grips with devise and its workings and have kind of fallen at the first hurdle.  I have looked in a few places but cannot seem to find someone with this error exactly.

So I have created a simple Home controller with an index view and added root &#39;home#index&#39; and also ensured the default url options are setup in the development.rb file.  I then simply typed:

    rails generate devise User

This created my user.rb file in models with the following:

    class User &lt; ActiveRecord::Base
      # Include default devise modules. Others available are:
      # :confirmable, :lockable, :timeoutable and :omniauthable
      devise :database_authenticatable, :registerable,
             :recoverable, :rememberable, :trackable, :validatable
    end
Pretty straightforward so far, I have the following Gemfile:

    source &#39;https://rubygems.org&#39;
    gem &#39;rails&#39;, &#39;4.0.5&#39;
    gem &#39;sqlite3&#39;
    gem &#39;sass-rails&#39;, &#39;~&gt; 4.0.2&#39;
    gem &#39;devise&#39;
    gem &#39;uglifier&#39;, &#39;&gt;= 1.3.0&#39;
    gem &#39;coffee-rails&#39;, &#39;~&gt; 4.0.0&#39;
    gem &#39;jquery-rails&#39;
    gem &#39;turbolinks&#39;
    gem &#39;jbuilder&#39;, &#39;~&gt; 1.2&#39;
    group :doc do
      gem &#39;sdoc&#39;, require: false
    end
    gem &#39;bcrypt&#39;

And when I run either rake db:migrate I get the following error:

    rake aborted!
    NoMethodError: undefined method `devise&#39; for User (call &#39;User.connection&#39; to establish a connection):Class
    /home/jonlee/.rvm/gems/ruby-2.1.1@railstutorial_rails_4_0/gems/activerecord-4.0.5/lib/active_record/dynamic_matchers.rb:22:in `method_missing&#39;
    /home/jonlee/Projects/rails/userauth/app/models/user.rb:4:in `&lt;class:User&gt;&#39;
    /home/jonlee/Projects/rails/userauth/app/models/user.rb:1:in `&lt;top (required)&gt;&#39;
Im at a loss as to why the User model cannot find the &#39;devise&#39; method when as far as I can see it is definitely there.

I get similar errors with rake routes, rails server and rails console.

For further info I am using ruby 2.1.1 if that helps?

undefined method &#39;devise&#39; for User

After installing Yosemite, I was unable to run brew or ruby. 

I was getting this error on brew update:

    /usr/local/bin/brew: /usr/local/Library/brew.rb: /System/Library/Frameworks/Ruby.framework/Versions/1.8/usr/bin/ruby: bad interpreter: No such file or directory
    /usr/local/bin/brew: line 23: /usr/local/Library/brew.rb: Undefined error: 0

getting this error on irb:

    /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:245:in mkdir&#39;: Permission denied - /Library/Ruby/Gems/2.0.0/extensions/universal-darwin-14 (Errno::EACCES) from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:245:infu_mkdir&#39;
    from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:219:in block (2 levels) in mkdir_p&#39; from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:217:inreverse_each&#39;
    from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:217:in block in mkdir_p&#39; from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:203:ineach&#39;
    from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:203:in mkdir_p&#39; from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:210:inwrite_gem_make_out&#39;
    from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:132:in build_error&#39; from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:171:inrescue in build_extension&#39;
    from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:156:in build_extension&#39; from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:198:inblock in build_extensions&#39;
    from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:195:in each&#39; from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:195:inbuild_extensions&#39;
    from /Library/Ruby/Site/2.0.0/rubygems/specification.rb:1436:in block in build_extensions&#39; from /Library/Ruby/Site/2.0.0/rubygems/user_interaction.rb:45:inuse_ui&#39;
    from /Library/Ruby/Site/2.0.0/rubygems/specification.rb:1434:in build_extensions&#39; from /Library/Ruby/Site/2.0.0/rubygems/stub_specification.rb:60:inbuild_extensions&#39;
    from /Library/Ruby/Site/2.0.0/rubygems/basic_specification.rb:56:in contains_requirable_file?&#39; from /Library/Ruby/Site/2.0.0/rubygems/specification.rb:925:inblock in find_inactive_by_path&#39;
    from /Library/Ruby/Site/2.0.0/rubygems/specification.rb:924:in each&#39; from /Library/Ruby/Site/2.0.0/rubygems/specification.rb:924:infind&#39;
    from /Library/Ruby/Site/2.0.0/rubygems/specification.rb:924:in find_inactive_by_path&#39; from /Library/Ruby/Site/2.0.0/rubygems.rb:185:intry_activate&#39;
    from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/irb/locale.rb:150:in block in search_file&#39; from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/irb/locale.rb:158:inblock in each_localized_path&#39;
    from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/irb/locale.rb:167:in each_sublocale&#39; from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/irb/locale.rb:157:ineach_localized_path&#39;
    from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/irb/locale.rb:145:in search_file&#39; from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/irb/locale.rb:124:infind&#39;
    from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/irb/locale.rb:108:in load&#39; from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/irb/locale.rb:32:ininitialize&#39;
    from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/irb/init.rb:114:in new&#39; from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/irb/init.rb:114:ininit_config&#39;
    from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/irb/init.rb:16:in setup&#39; from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/irb.rb:380:instart&#39;
    from /usr/bin/irb:12:in `&#39;



How to get Ruby / Homebrew / RVM to work on Yosemite?

I&#39;ve experienced some unexpected behavior of Chrome since the newest version:
While in Firefox this Code is working Perfectly fine:

    &lt;a id=&quot;playlist&quot; class=&quot;button&quot; download=&quot;Name.xspf&quot; href=&quot;data:application/octet-stream;base64,PD94ANDSOON&quot; style=&quot;display: inline;&quot;&gt;Download Me&lt;/a&gt;

It isn&#39;t working in Chrome (Simply downloading a file named &quot;Download&quot;), but has worked pretty fine before. What do I have to change that it is working again?

Chrome Download Attribute not working

I have a JavaScript code which save string to the Local storage, the string size is 400000,

    var dataURL = canvas.toDataURL(&quot;image/jpg&quot;).toString();
    localStorage.setItem(&quot;dataURL&quot;, dataURL);

I open the html file from chrome, in one computer its OK in the other computer i get 

&gt; Uncaught QuotaExceededError: Failed to execute &#39;setItem&#39; on
&gt; &#39;Storage&#39;: Setting the value of &#39;dataURL&#39; exceeded the quota.

In this computer I allowed to save string length no more than 100000 chars.
Both computers have the same chrome&#39;s Version 35.0.1916.114 m 
Why?

Setting the value of &#39;dataURL&#39; exceeded the quota

I&#39;m looking for a way to run ECMAScript 6 code in my browser&#39;s console but most browsers don&#39;t support functionality that I&#39;m looking for. For example Firefox is the only browser that supports arrow functions.

Is there a way (extension, userscript, etc.) I can run these features on Chrome?

Using ECMAScript 6

When I push a new version of a Chrome extension to the Chrome Web Store, how long will it take for the updated version to reach current users?

I pushed an update about six hours ago, but the extension hasn&#39;t updated for me yet. The Chrome docs are unclear.

How often do Chrome extensions automatically update?

Is there a feature in Google Chrome developer tools that would allow skipping a line without it being executed while debugging, in a similar way that it can be done in Visual Studio?

One workaround I can think of is &#39;live editing&#39; the code by wrapping the line in

    if(false){ //line to be skipped }

But this is not the most convenient workaround that I would have to do after every refresh. **Is there a built-in or faster, better way of doing this?**


Skip line while debugging in Chrome developer tools

I&#39;m trying to run Karma/Jasmine from Grunt on a project generated with 
http://newtriks.com/2013/12/31/automating-react-with-yeoman-and-grunt/

Karma launches PhantomJS (or Chrome) and, depending on singleRun, it either times out or just sits there and does nothing. I&#39;ve tried changing `captureTimeout` and `browserNoActivityTimeout` based on reading solutions from people with similar problems, but it doesn&#39;t seem to work.

My relevant pacakge versions etc.:

 - NodeJS: 0.10.25
 - Karma: 0.12.16
 - Webpack: 1.1.11
 - webpack-dev-server: 1.4.1
 - karma-jasmine: 0.1.5
 - Linux: Ubuntu 14.04

I&#39;ve found [someone with the same problem][1] on OS X: 

I&#39;ve tried updating all my dev dependencies to the latest versions but the problem still remains.

My console output is below. The webpack lines referring to _bundle is now VALID/INVALID_ are worrying, but I can&#39;t find any info on what they mean. Here&#39;s my console output:

    Running &quot;karma:unit&quot; (karma) task
    DEBUG [config]: autoWatch set to false, because of singleRun
    DEBUG [plugin]: Loading karma-* from /home/ed/workspace/wwb-app/node_modules
    DEBUG [plugin]: Loading plugin /home/ed/workspace/wwb-app/node_modules/karma-chrome-launcher.
    DEBUG [plugin]: Loading plugin /home/ed/workspace/wwb-app/node_modules/karma-coffee-preprocessor.
    DEBUG [plugin]: Loading plugin /home/ed/workspace/wwb-app/node_modules/karma-firefox-launcher.
    DEBUG [plugin]: Loading plugin /home/ed/workspace/wwb-app/node_modules/karma-html2js-preprocessor.
    DEBUG [plugin]: Loading plugin /home/ed/workspace/wwb-app/node_modules/karma-jasmine.
    DEBUG [plugin]: Loading plugin /home/ed/workspace/wwb-app/node_modules/karma-phantomjs-launcher.
    DEBUG [plugin]: Loading plugin /home/ed/workspace/wwb-app/node_modules/karma-requirejs.
    DEBUG [plugin]: Loading plugin /home/ed/workspace/wwb-app/node_modules/karma-script-launcher.
    DEBG [plugin]: Loading plugin /home/ed/workspace/wwb-app/node_modules/karma-webpack-plugin.
    INFO [karma]: Karma v0.12.16 server started at  http://localhost:8080/
    INFO [launcher]: Starting browser PhantomJS
    DEBUG [temp-dir]: Creating temp dir at /tmp/karma-98204612
    DEBUG [launcher]: /home/ed/workspace/wwb-app/node_modules/karma-phantomjs-launcher/node_modules/phantomjs/lib/phantom/bin/phantomjs /tmp/karma-98204612/capture.js
    Hash: 89285186567c1bc5bb7f
    Version: webpack 1.1.11
    Time: 2ms
    Asset  Size  Chunks       Chunk Names
    webpack: bundle is now VALID.
    webpack: bundle is now INVALID.
    DEBUG [web-server]: serving: /home/ed/workspace/wwb-app/node_modules/karma/static/client.html
    DEBUG [web-server]: serving: /home/ed/workspace/wwb-app/node_modules/karma/static/karma.js
    DEBUG [web-server]: upgrade /socket.io/1/websocket/CjC8pnQq5It2z_kWYB98
    DEBUG [karma]: A browser has connected on socket CjC8pnQq5It2z_kWYB98
    INFO [PhantomJS 1.9.7 (Linux)]: Connected on socket CjC8pnQq5It2z_kWYB98 with id 98204612
    DEBUG [launcher]: PhantomJS (id 98204612) captured in 1.704 secs
    WARN [PhantomJS 1.9.7 (Linux)]: Disconnected (1 times), because no message in 30000 ms.
    
    DEBUG [karma]: Run complete, exitting.
    DEBUG [launcher]: Disconnecting all browsers
    DEBUG [launcher]: Process PhantomJS exited with code 0
    DEBUG [temp-dir]: Cleaning temp dir /tmp/karma-98204612
    Warning: Task &quot;karma:unit&quot; failed. Use --force to continue.
    
    Aborted due to warnings.

Here&#39;s my `karma.conf.js` file:

    &#39;use strict&#39;;
    
    module.exports = function (config) {
    config.set({
        basePath: &#39;&#39;,
        frameworks: [&#39;jasmine&#39;],
        files: [
            &#39;test/helpers/**/*.js&#39;,
            &#39;test/spec/components/**/*.js&#39;
        ],
        preprocessors: {
            &#39;test/spec/components/**/*.js&#39;: [&#39;webpack&#39;]
        },
        webpack: {
            cache: true,
            module: {
                loaders: [{
                    test: /\.css$/,
                    loader: &#39;style!css&#39;
                }, {
                    test: /\.gif/,
                    loader: &#39;url-loader?limit=10000&amp;minetype=image/gif&#39;
                }, {
                    test: /\.jpg/,
                    loader: &#39;url-loader?limit=10000&amp;minetype=image/jpg&#39;
                }, {
                    test: /\.png/,
                    loader: &#39;url-loader?limit=10000&amp;minetype=image/png&#39;
                }, {
                    test: /\.js$/,
                    loader: &#39;jsx-loader&#39;
                }]
            }
        },
        webpackServer: {
            stats: {
                colors: true
            }
        },
        exclude: [],
        port: 8080,
        logLevel: config.LOG_DEBUG,
        colors: true,
        autoWatch: true,
        // Start these browsers, currently available:
        // - Chrome
        // - ChromeCanary
        // - Firefox
        // - Opera
        // - Safari (only Mac)
        // - PhantomJS
        // - IE (only Windows)
        browsers: [&#39;PhantomJS&#39;],
        reporters: [&#39;progress&#39;],
        captureTimeout: 60000,
        browserNoActivityTimeout: 60000,
        singleRun: true
    });
    };


  [1]: https://stackoverflow.com/questions/23667102/disconnected-1-times-because-no-message-in-10000-ms-using-karma-jasmine

Karma/Jasmine times out without running tests

I&#39;ve read a [few](https://webpack.js.org/guides/hot-module-replacement/) [pages](https://webpack.js.org/concepts/hot-module-replacement/) about Hot Module Replacement in Webpack.  
There&#39;s even a [sample app](http://webpack.github.io/example-app/) that [uses it](https://github.com/webpack/example-app/commit/a1b50cc3d2aa5c1e77d7ead12589698f958319ec).

I&#39;ve read all of this and still don&#39;t get the idea.  

What can I do with it?  

 1. Is it supposed to only be used in development and not in production?
 2. Is it like LiveReload, but you have to manage it yourself?  
 3. Is WebpackDevServer integrated with LiveReload in some way?
 



Suppose I want to update my CSS (one stylesheet) and JS modules when I save them to disk, without reloading the page and without using plugins such as LiveReload. Is this something Hot Module Replacement can help me with? What kind of work do I need to do, and what does HMR already provide?

What exactly is Hot Module Replacement in Webpack?

I&#39;d like to inject a build number and version information to my project as it&#39;s built with webpack. For example, so that my code can do something like:

    var buildInfo = require(&quot;build-info&quot;);

What would be the best way to generate that `build-info` module at build time?

How can I inject a build number with webpack?

Is there any way you can stop `moment.js` from loading all the locales (I just need English) when you&#39;re using webpack? I&#39;m looking at the source and it seems that if `hasModule` is defined, which it is for webpack, then it always tries to `require()` every locale. I&#39;m pretty sure this needs a pull request to fix. But is there any way we can fix this with the webpack config?

Here is my webpack config to load momentjs:

    resolve: {
                alias: {
                    moment: path.join(__dirname, &quot;src/lib/bower/moment/moment.js&quot;)
                },
            },
Then anywhere I need it, I just do `require(&#39;moment&#39;)`. This works but it&#39;s adding about 250 kB of unneeded language files to my bundle. Also I&#39;m using the bower version of momentjs and gulp.

Also if this can&#39;t be fixed by the webpack config here is [a link to the function where it loads the locales][1]. I tried adding `&amp;&amp; module.exports.loadLocales` to the `if` statement but I guess webpack doesn&#39;t actually work in a way where that would work. It just `require`s no matter what. I think it uses a regex now so I don&#39;t really know how you would even go about fixing it.


[1]: https://github.com/moment/moment/blob/develop/moment.js#L760-L772

How to prevent moment.js from loading locales with webpack?

Here&#39;s my `webpack.config.js`

    var webpack = require(&quot;webpack&quot;);
    
    module.exports = {
    
      entry: &quot;./entry.js&quot;,
      devtool: &quot;source-map&quot;,
      output: {
        path: &quot;./dist&quot;,
        filename: &quot;bundle.min.js&quot;
      },
      plugins: [
        new webpack.optimize.UglifyJsPlugin({minimize: true})
      ]
    };

I&#39;m building with

    $ webpack

In my `dist` folder, I&#39;m only getting

  * `bundle.min.js`
  * `bundle.min.js.map`

I&#39;d also like to see the uncompressed `bundle.js`


How to build minified and uncompressed bundle with webpack?

- Should source-maps be used in production environment? Do they provide any benefits other than debugging?
- Do they impact app load time due to the additional server round-trips? Are browsers smart enough to load `.map` assets after app is loaded and rendered?
- If a browser cannot find the `.map` asset (`404` error), would there be performance impact? Should I care about fixing it?

Note that fixing the last one may not be as easy as serving the `.map` assets if there are complicated concat / minify build steps.

Performance impact of using css / javascript source-maps in production?

I&#39;m using [UglifyJS][1] to minify and uglify my sources, and [Sentry][2] to report errors from my production environment.

In order to get errors from Sentry, in a readable manner, I need to add source-map 

Is it safe to do it in production servers, or the source-maps files should only exist on staging environment?  
Is there a way to secure them on production environment?

  [1]: https://github.com/mishoo/UglifyJS2
  [2]: https://www.getsentry.com/docs/sourcemaps/

Source maps files in production - Is it safe?

I&#39;m new to webpack, and I need a hand in setting up to generate sourcemaps. I&#39;m running `webpack serve` from the command line, which compiles successfully. But I really need sourcemaps. This is my `webpack.config.js`.


    var webpack = require(&#39;webpack&#39;);

    module.exports = {
    
      output: {
        filename: &#39;main.js&#39;,
        publicPath: &#39;/assets/&#39;
      },
    
      cache: true,
      debug: true,
      devtool: true,
      entry: [
          &#39;webpack/hot/only-dev-server&#39;,
          &#39;./src/components/main.js&#39;
      ],
    
      stats: {
        colors: true,
        reasons: true
      },
    
      resolve: {
        extensions: [&#39;&#39;, &#39;.js&#39;, &#39;.jsx&#39;],
        alias: {
          &#39;styles&#39;: __dirname + &#39;/src/styles&#39;,
          &#39;mixins&#39;: __dirname + &#39;/src/mixins&#39;,
          &#39;components&#39;: __dirname + &#39;/src/components/&#39;,
          &#39;stores&#39;: __dirname + &#39;/src/stores/&#39;,
          &#39;actions&#39;: __dirname + &#39;/src/actions/&#39;
        }
      },
      module: {
        preLoaders: [{
          test: /\.(js|jsx)$/,
          exclude: /node_modules/,
          loader: &#39;jsxhint&#39;
        }],
        loaders: [{
          test: /\.(js|jsx)$/,
          exclude: /node_modules/,
          loader: &#39;react-hot!babel-loader&#39;
        }, {
          test: /\.sass/,
          loader: &#39;style-loader!css-loader!sass-loader?outputStyle=expanded&amp;indentedSyntax&#39;
        }, {
          test: /\.scss/,
          loader: &#39;style-loader!css!sass&#39;
        }, {
          test: /\.(png|jpg|woff|woff2)$/,
          loader: &#39;url-loader?limit=8192&#39;
        }]
      },
    
      plugins: [
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NoErrorsPlugin()
      ]
    
    };

I&#39;m really new to webpack, and looking though the docs hasn&#39;t really helped as I&#39;m not sure what this problem is specific to.

How do I generate sourcemaps when using babel and webpack?

Is there a quick way to switch from the jsx code shown in Chrome DevTools to the raw ES5 and back again?

Disable source maps in Chrome DevTools

My react folder structure is as below

[![enter image description here][1]][1]



   

I&#39;ve not used the create-react-app version. I tried using `GENERATE_SOURCEMAP=false`. But It didn&#39;t work.

Where can I find the .map files. How can I delete those files?

I cannot find a build folder.
I&#39;ve tried using the below script But It cannot work in removing source maps 

     &quot;scripts&quot;: {
    
        &quot;start&quot;: &quot;react-scripts start&quot;,
       &quot;build&quot;: &quot;GENERATE_SOURCEMAP=false &amp;&amp; npm run build&quot;,
        &quot;test&quot;: &quot;react-scripts test --env=jsdom&quot;,
        &quot;eject&quot;: &quot;react-scripts eject&quot;
      },


  [1]: https://i.stack.imgur.com/cH8sj.png

Content Type	Original Author	Original Content on Stackoverflow
Question	paradasia	View Question on Stackoverflow
Solution 1 - Javascript	Agamennon	View Answer on Stackoverflow
Solution 2 - Javascript	TiboGrx	View Answer on Stackoverflow

Sourcemaps off by one line in Chrome, with Ruby on Rails, Webpack, and React JS

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Project Links do not work on Wamp Server

How Can I Remove “public/index.php” in the URL Generated Laravel?

Attributions