はjavascriptにブレークインを挿入できません

Question

私はクロムのjavascripコードをデバッグしていますが、クロムは私が望む場所にブレークポイントを置くことはできません。私はブレークポイントを置くためにクリックし、クリックした行の前後にいくつかの行を置く。

私はライン94をクリックして、彼は96

the code in chrome

行にブレークを置く私はそれをデバッグするために何をしますか？ 助けてください。

ダウンここではwebpack.config.development.js

import path from 'path'; 
import webpack from 'webpack'; 
import validate from 'webpack-validator'; 
import merge from 'webpack-merge'; 
import formatter from 'eslint-formatter-pretty'; 
import baseConfig from './webpack.config.base'; 

const port = process.env.PORT || 3000; 

export default validate(merge(baseConfig, { 
    debug: true, 

    devtool: 'eval-source-map', 

    entry: [ 
    `webpack-hot-middleware/client? 
path=http://localhost:${port}/__webpack_hmr`, 
    'babel-polyfill', 
    './app/styles/main.less', 
    './app/index' 
    ], 

    output: { 
    publicPath: `http://localhost:${port}/dist/` 
    }, 

    resolve: { 
    fallback: path.join(__dirname, 'node_modules') 
    }, 

    resolveLoader: { fallback: path.join(__dirname, 'node_modules') }, 

    module: { 
    loaders: [ 
     { 
     test: /\.(less|scss)$/, 
     loader: 'style!css!autoprefixer!less' 
     }, 

     // Load images 
     { test: /\.jpg/, loader: 'url-loader?limit=10000&mimetype=image/jpg' }, 
     { test: /\.gif/, loader: 'url-loader?limit=10000&mimetype=image/gif' }, 
     { test: /\.png/, loader: 'url-loader?limit=10000&mimetype=image/png' }, 
     { test: /\.svg/, loader: 'url-loader?limit=10000&mimetype=image/svg' }, 

     // Load fonts 
     { test: /\.woff(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'url-loader? 
limit=10000&mimetype=application/font-woff' }, 
     { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'file- 
loader' }, 
    ] 
    }, 

    eslint: { 
    formatter 
    }, 

    plugins: [ 
    // https://webpack.github.io/docs/hot-module-replacement-with-webpack.html 
    new webpack.HotModuleReplacementPlugin(), 

    // “If you are using the CLI, the webpack process will not exit with an error code by enabling this plugin.” 
    // https://github.com/webpack/docs/wiki/list-of-plugins#noerrorsplugin 
    new webpack.NoErrorsPlugin(), 

    // NODE_ENV should be production so that modules do not perform certain development checks 
    new webpack.DefinePlugin({ 
     'process.env.NODE_ENV': JSON.stringify('development') 
    }) 

    ], 

    // https://github.com/chentsulin/webpack-target-electron-renderer#how- 
this-module-works 
    target: 'electron-renderer' 
})); 

Answer 1

使用あなたがコードを実行する前にブレークポイントを置きたい場所を知っていれば、それは、一時停止したいあなたのコード内のdebugger;文です。

デバッグする前にコンソールが開いていることを確認します。そうしないと、ブレークポイントが無効になるためです。