使用webpack构建项目时错误如下解决方案

落日映苍穹つ 2022-03-16 10:26 676阅读 0赞

运行`npm run start`错误代码如下:

PS D:\phpStudy\phpstudy\WWW\jsgame> npm run start
    
    > @ start D:\phpStudy\phpstudy\WWW\jsgame
    > webpack-dev-server --inline --config webpack.dev.js --open
    
    D:\phpStudy\phpstudy\WWW\jsgame\node_modules\webpack-cli\bin\config-yargs.js:89
                                    describe: optionsSchema.definitions.output.properties.path.description,
                                                                               ^
    
    TypeError: Cannot read property 'properties' of undefined
        at module.exports (D:\phpStudy\phpstudy\WWW\jsgame\node_modules\webpack-cli\bin\config-yargs.js:89:48)
        at Object.<anonymous> (D:\phpStudy\phpstudy\WWW\jsgame\node_modules\webpack-dev-server\bin\webpack-dev-server.js:77:40)
        at Module._compile (module.js:635:30)
        at Object.Module._extensions..js (module.js:646:10)
        at Module.load (module.js:554:32)
        at tryModuleLoad (module.js:497:12)
        at Function.Module._load (module.js:489:3)
        at Function.Module.runMain (module.js:676:10)
        at startup (bootstrap_node.js:187:16)
        at bootstrap_node.js:608:3
    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! @ start: `webpack-dev-server --inline --config webpack.dev.js --open`
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the @ start 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!     C:\Users\BIT-019\AppData\Roaming\npm-cache\_logs\2019-02-27T07_35_41_585Z-debug.log
    PS D:\phpStudy\phpstudy\WWW\jsgame>

查webpack官方更新发现：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p5ZGRqMTIz_size_16_color_FFFFFF_t_70]  
需要将`webpack-cli`升级到3.1.1版本以上。

将`package.json`里的`"webpack-cli": "^2.1.2",`改成3.1.1以上即可。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p5ZGRqMTIz_size_16_color_FFFFFF_t_70]: /images/20220316/d9d4dbae229d49f4ab618043c76b968c.png