npm run build 時のビルドエラー
npm run build の実行時のビルドエラーが出ます。
http://c16e.com/1510161700/ の通り作っています。下準備: webpackでビルドを試す のところを行なっています。package.jsonに
{
"name": "react-like-button",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "rm -rf dist/*.js && webpack",
"watch": "rm -rf dist/*.js && webpack -w"
},
"author": "",
"license": "ISC",
"devDependencies": {
"babel-loader": "^7.1.4",
"webpack": "^4.1.1"
}
}
と書いて、npm run buildを実行すると、
> react-like-button@1.0.0 build /Users/xxx/react-like-button
> rm -rf dist/*.js && webpack
Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
- configuration.module has an unknown property 'loaders'. These properties are valid:
object { exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextRequest?, noParse?, rules?, defaultRules?, unknownContextCritical?, unknownContextRecursive?, unknownContextRegExp?, unknownContextRequest?, unsafeCache?, wrappedContextCritical?, wrappedContextRecursive?, wrappedContextRegExp?, strictExportPresence?, strictThisContextOnImports? }
-> Options affecting the normal modules (`NormalModuleFactory`).
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! react-like-button@1.0.0 build: `rm -rf dist/*.js && webpack`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the react-like-button@1.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/xxx/.npm/_logs/2018-03-10T03_42_39_171Z-debug.log
とエラーが出ました。バージョンの違いでこのようなエラーが出てしまう、とhttps://qiita.com/ryusaka/items/8778e3b2afcffc8e7ca6 の記事にあったのですが、この場合はどこがバージョンの違いのエラーを起こしているのかわからなかったです。webpack.config.jsには
module.exports = {
entry: __dirname + "/src/main.js",
output: {
path: __dirname + "/dist",
filename: "like-button.js"
},
module: {
loaders: [
{test: /\.js$/, loader: "babel-loader?stage=0"}
]
}
};
と書きました。修正箇所をご指摘ください。