错误:无法解决模块‘Json-加载’时，使用webpack与快件

Question

我试着用webpack来表达，但遇到了一些错误。这是我目前正在收到的错误：Error: Cannot resolve module 'json-loader'

package.json：(json加载程序，webpack和config等)

"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加载程序，并有指向我的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 1的问题，除非我猜我们没有看到整个webpack.config.js是正确的。

(1)

安装/添加到package.json json-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')
  }
  ]
}

特别注意到这些变化：

• 先将loader-json添加到loaders
• 将/\.json$/添加到preLoaders中的exclude