代码之家 › 专栏 › 技术社区 › roottraveller

反应项目设置-NPM运行Webpack问题

installation webpack npm reactjs linux

roottraveller · 技术社区 · 7 年前

我在跟踪 http://ccoenraets.github.io/es6-tutorial-react/setup/ 用于反应项目设置。在最后一部分,我在运行之后得到这个错误

npm run webpack

我得到的错误-

npm run webpack

> project-newborn@1.0.0 webpack /home/rishi/Desktop/project-newborn
> 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! Linux 4.15.0-34-generic
npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "run" "webpack"
npm ERR! node v8.10.0
npm ERR! npm  v3.5.2
npm ERR! code ELIFECYCLE
npm ERR! project-newborn@1.0.0 webpack: `webpack`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the project-newborn@1.0.0 webpack script 'webpack'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the project-newborn package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     webpack
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs project-newborn
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls project-newborn
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /home/rishi/Desktop/project-newborn/npm-debug.log

1 回复 | 直到 7 年前

Soroush Chehresa TommyF 7 年前

使用时 Webpack 4 你必须使用 rules 而不是 loaders 最好用 use 而不是 loader .

 var path = require('path');
 var webpack = require('webpack');

 module.exports = {
     entry: './js/app.js',
     output: {
         path: path.resolve(__dirname, 'build'),
         filename: 'app.bundle.js'
     },
     module: {
         rules: [
             {
                 test: /\.js$/,
                 use: [
                     {
                         loader: 'babel-loader',
                         options: {
                             presets: ['es2015', 'react'],
                         },
                     },
                 ],
             }
         ]
     },
     stats: {
         colors: true
     },
     devtool: 'source-map'
 };

推荐文章

MaPo · Linux,设置锁定ICMP_过滤器选项

1 年前

user2138149 · 双栈网络服务器无法按预期处理ipv4请求

1 年前

Marco · PyCharm Linux系统文件上os.stat异常

1 年前

Folkert Meeuw · lsusb|awk'{print$6}'|xargs-null lsusb-s有什么问题

1 年前

MWB · madvise(地址、大小、MADV_DONTNEDE)会导致分段故障吗?

1 年前

Roger Costello · 如何迭代所有文件夹及其子文件夹,并让AWK处理子文件夹中的每个TXT文件?

1 年前

Hubert Gonera · 如何在Linux Mint上使用Libparted写出所有连接的设备?

1 年前

Claudio Daffra · 如何修复C中“realloc后可能会使用旧指针[-Use after free]”的警告?

1 年前

Elektito · 变量地址不在/proc/self/maps中的堆栈范围内

1 年前

Andrey Yankovich · Qt 6.8 linux(gcc)Web引擎缺失

1 年前