MoonMail-UI无法使用reactjs / web-pack正确构建

Question

节点-v: v.4.4.5 npm -v: 4.3.0 操作系统: windows 10

重现问题的步骤：

1. git克隆git@github.com:microapp/MoonMail-UI.git
2. cd moonmail-ui
3. npm安装
4. npm建设
5. ..。错误发生..。

错误在./src/styles/core.scss中 模块构建失败: C:\dev\test-project\node_modules\style-loader\index.js!C:\dev\test-project\node_modules\css-loader\index.js?sourceMap&-minimize&modules&importLoaders=中未定义ReferenceError: self 1&localIdentName=namelocalhash:base64:5!C:\dev\test-project\node_modules\postcss-loader\index.js!C:\dev\test-project\node_modules\sass-loader\index .js?sourceMap!C:\dev\test-project\src\styles\core.scss:99:30 at C:\dev\test-project\node_modules\style-loader\index.js!C:\dev\test-project\node_modules\css-loader\index.js?sourceMap&-minimize&modules&importLoaders= 1&localIdentName=namelocalhash:base64:5!C:\dev\test-project\node_modules\postcss-loader\index.js!C:\dev\test-project\node_modules\sass-loader\index .js?sourceMap!C:\dev\test-project\src\styles\core.scss:94:47 at module.exports (C:\dev\test-project\node_modules\style-loader\index.js!C:\dev\test-project\node_modules\css-loader\index.js?sourceMap&-minimize&module s&importLoaders=1&localIdentName=namelocalhash:base64:5!C:\dev\test-project\node_modules\postcss-loader\index.js!C:\dev\test-project\node_modules\s ass-loader\index.js?sourceMap!C:\dev\test-project\src\styles\core.scss:116:68) 在对象上。(C:\dev\test-project\node_modules\style-loader\index.js!C:\dev\test-project\node_modules\css-loader\index.js?sourceMap&-minimize&mo dules&importLoaders=1&localIdentName=namelocalhash:base64:5!C:\dev\test-project\node_modules\postcss-loader\index.js!C:\dev\test-project\node_modul es\sass-loader\index.js?sourceMap!C:\dev\test-project\src\styles\core.scss:400:36) 在(C:\dev\test-project\node_modules\style-loader\index.js!C:\dev\test-project\node_modules\css-loader\index.js?sourceMap&-minimize&m __webpack_require__ odules&importLoaders=1&localIdentName=namelocalhash:base64:5!C:\dev\test-project\node_modules\postcss-loader\index.js!C:\dev\test-project\node_modu les\sass-loader\index.js?sourceMap!C:\dev\test-project\src\styles\core.scss:21:30) 在C:\dev\test-project\node_modules\style-loader\index.js!C:\dev\test-project\node_modules\css-loader\index.js?sourceMap&-minimize&modules&importLoaders= 1&localIdentName=namelocalhash:base64:5!C:\dev\test-project\node_modules\postcss-loader\index.js!C:\dev\test-project\node_modules\sass-loader\index .js?sourceMap!C:\dev\test-project\src\styles\core.scss:65:18 at Object。(C:\dev\test-project\node_modules\style-loader\index.js!C:\dev\test-project\node_modules\css-loader\index.js?sourceMap&-minimize&mo dules&importLoaders=1&localIdentName=namelocalhash:base64:5!C:\dev\test-project\node_modules\postcss-loader\index.js!C:\dev\test-project\node_modul es\sass-loader\index.js?sourceMap!C:\dev\test-project\src\styles\core.scss:68:10) at Module._compile (module.js:409:26) at Object.loaderContext.exec Object.loaderContext.exec at Object.(C:\dev\test-project\node_modules\extract-text-webpack-plugin\loader.js:112:21)在编译器。(C:\dev\test-project\node_modules\webpack\lib\Compiler.js:251:10) at C:\dev\test-project\node_modules\webpack\lib\Compiler.js:442:12 at next (C:\dev\test-project\node )_modules\tapable\lib\Tapable.js:138:11)在编译器。(C:\dev\test-project\node_modules\extract-text-webpack-plugin\loader.js:93:4)在编译器的下一个(C:\dev\test-project\node_modules\tapable\lib\Tapable.js:140:14)。(C:\dev\test-project\node_modules\webpack\lib\CachePlugin.js:61:4) at Compiler.applyPluginsAsyncSeries (C:\dev\test-project\node_modules\tapable\lib\Tapable.js:142:13) at Compiler。(C:\dev\test-project\node_modules\webpack\lib\Compiler.js:439:9) at Compilation.applyPluginsAsyncSeries (C:\dev\test-project\node_modules\tapable\lib\Tapable.js:131:46)在编译。(C:\dev\test-project\node_modules\webpack\lib\Compilation.js:621:18) at Compilation.applyPluginsAsyncSeries (C:\dev\test-project\node_modules\tapable\lib\Tapable.js:131:46)在编译。(C:\dev\test-project\node_modules\webpack\lib\Compilation.js:612:10)在下一个(C:\dev\test-project\node_modules\tapable\lib\Tapable.js:138:11)处编译。(C:\dev\test-project\node_modules\webpack\lib\optimize\UglifyJsPlugin.js:144:4) at Compilation.applyPluginsAsyncSeries (C:\dev\test-project\node_modules\tapable\lib\Tapable.js:142:13)在编译。(C:\dev\test-project\node_modules\webpack\lib\Compilation.js:607:9) at Compilation.applyPluginsAsyncSeries (C:\dev\test-project\node_modules\tapable\lib\Tapable.js:131:46)在编译。(C:\dev\test-project\node_modules\webpack\lib\Compilation.js:603:8) at Compilation.applyPluginsAsyncSeries (C:\dev\test-project\node_modules\tapable\lib\Tapable.js:131:46) at Compilation.seal (C:\dev\test-project\node_modules\webpack\lib\Compilation.js:551:7)

我也不能npm start或npm run start:prod

Answer 1

我们已经更新了MoonMail-UI以使用最新的webpack版本，以及一些代码清理和改进。请取出最后一个更改，如果有，请删除node_modules文件夹，然后运行npm install