錯誤：無法解析模塊'JSON加載程序'，而使用快遞的webpack

Question

我想用express的webpack，但遇到一些錯誤。 這是我目前得到的錯誤：Error: Cannot resolve module 'json-loader'

的package.json：（在這兩個JSON裝載機，因爲是的WebPack和配置等）

"devDependencies": { 
    "json-loader": "^0.5.4", 
    "webpack": "^1.13.2", 
    "webpack-dev-server": "^1.15.1" 
    }, 
    "dependencies": { 
    "express": "^4.14.0", 
    "firebase": "^3.3.0", 
    "json-loader": "^0.5.4", 
    "webpack-config": "^6.1.2" 
    } 

webpack.config.js：

module.exports = { 
    entry: "./app.js", 
    target: 'node', 
    output: { 
    path: __dirname, 
    filename: "bundle.js" 
    }, 
    module: { 
     loaders: [ 
     { test: /\.json$/, loader: 'json-loader'}, 
     ] 
    } 

} 

從上面可以看出，我有json loader並有指向我的app.js的條目，如下所示：

var express = require('express'); 
var app = express(); 
var firebase = require('firebase'); 

app.get('/', function (req, res) { 
    res.sendFile(__dirname + '/index.html'); 
}); 

app.get('/welcome', function (req, res) { 
    res.sendFile(__dirname + '/welcome.html'); 
}); 

我在做什麼錯？即如何擺脫錯誤並使用webpack快速處理？

Answer 1

我正面臨類似的問題，這就是我如何修復它。請注意，此解決方案可能無法解決@Waterman1的問題，除非我認爲我們沒有看到整個webpack.config.js是正確的。

（1）
安裝/添加到package.jsonjson-loader

（2）
編輯webpackage.json.js 改變（這可能對您略有不同）

module: { 
    preLoaders: [ 
    { 
    test: /\.js|\.jsx$/, 
    loaders: ['eslint-loader'], 
    exclude: ['node_modules'] 
    } 
    ], 
    loaders: [ 
    { 
    test: /\.js|\.jsx$/, 
    loaders: ['babel'], 
    include: path.join(__dirname, 'src') 
    } 
    ] 
} 

到

module: { 
    preLoaders: [ 
    { 
    test: /\.js|\.jsx$/, 
    loaders: ['eslint-loader'], 
    exclude: ['node_modules',/\.json$/] 
    } 
    ], 
    loaders: [ 
    { 
    test: /\.json$/, 
    loader: "json-loader" 
    }, 
    { 
    test: /\.js|\.jsx$/, 
    loaders: ['babel'], 
    include: path.join(__dirname, 'src') 
    } 
    ] 
} 

部分icularly注意到變化：

• 加入loader-json首先loaders
• 在preLoaders