2017-12-13 14 views
0

Webpackの設定を、オープンソースライブラリQuill、 というWebpackをバンドラとして使用しています。ここで"webpack --config ./webpack.config.js"を実行しようとしたときにエラーが発生しました

ERROR in ./ui/tooltip.js 

C:\Users\rinktacular\Documents\Projects\Quill\ui\tooltip.js 
    1:16 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    2:40 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    3:24 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    4:61 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    5:50 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    6:53 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    7:61 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    8:57 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    9:75 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    10:10 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    11:6 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    12:17 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    13:4 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    14:1 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    15:11 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    16:42 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    17:4 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    18:1 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    19:24 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    20:77 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    21:62 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    22:60 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    23:40 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    24:38 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    25:43 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    26:72 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    27:56 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    28:19 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    29:52 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    30:56 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    31:52 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    32:6 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    33:50 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    34:54 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    35:52 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    36:6 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    37:54 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    38:55 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    39:69 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    40:58 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    41:42 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    42:6 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    43:18 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    44:4 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    45:1 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    46:11 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    47:46 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    48:45 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    49:4 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    50:2 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    51:1 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    52:1 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 
    53:24 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 

✖ 53 problems (53 errors, 0 warnings) 
    53 errors, 0 warnings potentially fixable with the `--fix` option. 

@ ./quill.js 101:15-38 
@ multi ./quill.js 

はconfigです::

これは、すべてのオープンソースと私です確か
var path = require('path'); 
var pkg = require('../package.json'); 
var webpack = require('webpack'); 
var ExtractTextPlugin = require('extract-text-webpack-plugin'); 

var bannerPack = new webpack.BannerPlugin({ 
    banner: 
    'Quill Editor v' + pkg.version + '\n' + 
    'https://quilljs.com/\n' + 
    'Copyright (c) 2014, Jason Chen\n' + 
    'Copyright (c) 2013, salesforce.com', 
    entryOnly: true 
}); 
var constantPack = new webpack.DefinePlugin({ 
    QUILL_VERSION: JSON.stringify(pkg.version) 
}); 

var source = [ 
    'quill.js', 
    'core.js', 
    'blots', 
    'core', 
    'formats', 
    'modules', 
    'test', 
    'themes', 
    'ui' 
].map(function(file) { 
    return path.resolve(__dirname, '..', file); 
}); 


module.exports = function(env) { 
    let config = { 
    context: path.resolve(__dirname, '..'), 
    entry: { 
     'quill.js': ['./quill.js'], 
     'quill.core.js': ['./core.js'], 
     'quill.core': './assets/core.styl', 
     'quill.bubble': './assets/bubble.styl', 
     'quill.snow': './assets/snow.styl', 
     'unit.js': './test/unit.js' 
    }, 
    output: { 
     filename: '[name]', 
     library: 'Quill', 
     libraryExport: 'default', 
     libraryTarget: 'umd', 
     path: path.resolve(__dirname, '../dist/') 
    }, 
    resolve: { 
     alias: { 
     'parchment': path.resolve(__dirname, '../node_modules/parchment/src/parchment') 
     }, 
     extensions: ['.js', '.styl', '.ts'] 
    }, 
    module: { 
     rules: [{ 
     test: /\.js$/, 
     use: ['eslint-loader'], 
     include: source, 
     enforce: 'pre' 
     }, { 
     test: /\.ts$/, 
     use: [{ 
      loader: 'ts-loader', 
      options: { 
      compilerOptions: { 
       declaration: false, 
       target: 'es5', 
       module: 'commonjs' 
      }, 
      transpileOnly: true 
      } 
     }] 
     }, { 
     test: /\.styl$/, 
     include: [ 
      path.resolve(__dirname, '../assets') 
     ], 
     use: ExtractTextPlugin.extract({ 
      fallback: 'style-loader', 
      use: [ 
      'css-loader', 
      'stylus-loader' 
      ] 
     }) 
     }, { 
     test: /\.svg$/, 
     include: [ 
      path.resolve(__dirname, '../assets/icons') 
     ], 
     use: [{ 
      loader: 'html-loader', 
      options: { 
      minimize: true 
      } 
     }] 
     }, { 
     test: /\.js$/, 
     include: source, 
     use: [{ 
      loader: 'babel-loader', 
      options: { 
      presets: ['es2015'] 
      } 
     }] 
     }], 
     noParse: [ 
     /\/node_modules\/clone\/clone\.js$/, 
     /\/node_modules\/eventemitter3\/index\.js$/, 
     /\/node_modules\/extend\/index\.js$/ 
     ] 
    }, 
    plugins: [ 
     bannerPack, 
     constantPack, 
     new ExtractTextPlugin({ 
     filename: '[name].css', 
     allChunks: true 
     }) 
    ], 
    devServer: { 
     contentBase: path.resolve(__dirname, '../dist'), 
     hot: false, 
     port: process.env.npm_package_config_ports_webpack, 
     stats: 'minimal', 
     disableHostCheck: true 
    } 
    }; 

    if (env && env.dev) { 
    config.module.rules = config.module.rules.slice(1); // Remove linter 
    config.module.rules[3].use[0].options = { 
     plugins: ['transform-es2015-modules-commonjs'] 
    }; 
    } 

    if (env && env.minimize) { 
    config.entry = { 
     'quill.min.js': './quill.js' 
    }; 
    config.plugins.push(
     new webpack.optimize.UglifyJsPlugin({ 
     sourceMap: true 
     }) 
    ); 
    config.devtool = 'source-map'; 
    } 

    if (env && env.coverage) { 
    config.module.rules[4].use[0].options = { 
     plugins: ['istanbul', 'transform-es2015-modules-commonjs'] 
    }; 
    } 

    return config; 
}; 

私はコマンドwebpack --config ./_develop/webpack.config.jsを実行すると、私はそれぞれの.jsについて、次のエラーは設定がオンに実行しようとするファイルを取得します私の最後には何も変わっていないので、これはLocal Developmentの指示に従った新しいインストールです。そのため、私はwebpackの設定の仕組み、設定ファイルの問題、変更のために何ができるかについてはあまりよく分かりません。

答えて

2

jsファイルを読み込むためにローダーを使用するように指示するルールがWebpack内にあります。このローダーは 'eslint-loader'であり、このローダーはjsファイルの埋め込みに使用されます。これは改行が正しくないことを伝えるローダーです。

  • 正しい改行に
  • 削除]を使用して、エディタを使用するか、.eslintc

LF(\ n)がでルールを変更して使用linebreackされています。これを修正するには2通りの方法がありますCRLF一方のLinuxにも、この問題に

./node_modules/.bin/eslint --fix yourFileThatHaserrors 
を固定しようとする "eslint --fix" を使用することができますウィンドウで使用改行(\ r個の\ n)が

場合

しかし、改行を変換するエディタを使用すると、ファイルを保存するたびに問題が発生します。

  • あなたの設定ファイルは、あなたのエディタがない
+0

はどうもありがとうございました、私はこれらの修正を見て、変更 – Rinktacular

+0

を報告しますです

  • 良いです:まとめると

    --fixを使って行末を解決しました。ありがとうございました! – Rinktacular

  • 関連する問題