首页 文章

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

提问于
浏览
2

node -v:v.4.4.5 npm -v:4.3.0 os:windows 10

重现问题的步骤:

  • git clone git@github.com:microapps/MoonMail-UI.git

  • cd moonmail-ui

  • npm安装

  • npm build

  • ...发生错误...

./src/styles/core.scss中的错误模块构建失败:ReferenceError:未在C:\ dev \ test-project \ node_modules \ style-loader \ index.js中定义self!C:\ dev \ test-project \ node_modules \ CSS-装载机\ index.js?sourceMap&-minimize&模块&importLoaders =
1 localIdentName = [名称] [本地] [散列:BASE64:5]!C:\ dev的\测试项目\ node_modules \ postcss装载机\ index.js C:!\ dev的\测试项目\ node_modules \ SASS装载机\索引.js?sourceMap!C:\ dev \ test-project \ src \ styles \ core.scss:99:30在C:\ dev \ test-project \ node_modules \ style-loader \ index.js!C:\ dev \测试项目\ node_modules \ CSS-装载机\ index.js?sourceMap&-minimize&模块&importLoaders =
1 localIdentName = [名称] [本地] [散列:BASE64:5]!C:\ dev的\测试项目\ node_modules \ postcss装载机\ index.js C:!\ dev的\测试项目\ node_modules \ SASS装载机\在软件模块中,索引.js?sourceMap!C:\ dev \ test-project \ src \ styles \ core.scss:94:47(C:\ dev \ test-project \ node_modules \ style-loader \ index.js! C:?\ dev的\测试项目\ node_modules \ CSS-装载机\ index.js sourceMap&-minimize及模块
s&importLoaders = 1&localIdentName = [name] [local] [hash: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)at Object . <anonymous>(C:\ dev \ test-project \ node_modules \ style- !装载机\ index.js?C:\ dev的\测试项目\ node_modules \ CSS-装载机\ index.js sourceMap&-minimize&MO
dules&importLoaders = 1&localIdentName = [name] [local] [hash: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)at __webpack_require __(C:\ dev \ test-project \ node_modules \ style-loader \ index . !JS?C:\ dev的\测试项目\ node_modules \ CSS-装载机\ index.js sourceMap&-minimize&M
odules&importLoaders = 1&localIdentName = [name] [local] [hash: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的\测试项目\ node_modules \ CSS-装载机\ index.js sourceMap&-minimize&模块&importLoaders =
1 localIdentName = [名称] [本地] [散列:BASE64:5]!C:\ dev的\测试项目\ node_modules \ postcss装载机\ index.js C:!\ dev的\测试项目\ node_modules \ SASS装载机\索引.js?sourceMap!C:\ dev \ test-project \ src \ styles \ core.scss:65:18 at Object . <anonymous>(C:\ dev \ test-project \ node_modules \ style-loader \ index . !JS?C:\ dev的\测试项目\ node_modules \ CSS-装载机\ index.js sourceMap&-minimize&MO
dules&importLoaders = 1&localIdentName = [name] [local] [hash: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)在Module._compile(module.js:409:26)
在Object.loaderContext.exec(C:\ dev \ test-project \ node_modules \ webpack \ lib \ NormalModule.js:94:6)

在Object . <anonymous>(C:\ dev \ test-project \ node_modules \ extract-text-webpack-plugin \ loader.js:112:21)

在编译器 . <anonymous>(C:\ dev \ test-project \ node_modules \ webpack \ lib \ Compiler.js:251:10)

在C:\ dev \ test-project \ node_modules \ webpack \ lib \ Compiler.js:442:12
在下一个(C:\ dev \ test-project \ node_modules \ tapable \ lib \ Tapable.js:138:11)

在编译器 . <anonymous>(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)

在编译器 . <anonymous>(C:\ dev \ test-project \ node_modules \ webpack \ lib \ CachePlugin.js:61:4)

在Compiler.applyPluginsAsyncSeries(C:\ dev \ test-project \ node_modules \ tapable \ lib \ Tapable.js:142:13)

在编译器 . <anonymous>(C:\ dev \ test-project \ node_modules \ webpack \ lib \ Compiler.js:439:9)

在Compilation.applyPluginsAsyncSeries(C:\ dev \ test-project \ node_modules \ tapable \ lib \ Tapable.js:131:46)

在编译 . <anonymous>(C:\ dev \ test-project \ node_modules \ webpack \ lib \ Compilation.js:621:18)

在Compilation.applyPluginsAsyncSeries(C:\ dev \ test-project \ node_modules \ tapable \ lib \ Tapable.js:131:46)

在编译 . <anonymous>(C:\ dev \ test-project \ node_modules \ webpack \ lib \ Compilation.js:612:10)

在下一个(C:\ dev \ test-project \ node_modules \ tapable \ lib \ Tapable.js:138:11)

在编译 . <anonymous>(C:\ dev \ test-project \ node_modules \ webpack \ lib \ optimize \ UglifyJsPlugin.js:144:4)

在Compilation.applyPluginsAsyncSeries(C:\ dev \ test-project \ node_modules \ tapable \ lib \ Tapable.js:142:13)

在编译 . <anonymous>(C:\ dev \ test-project \ node_modules \ webpack \ lib \ Compilation.js:607:9)

在Compilation.applyPluginsAsyncSeries(C:\ dev \ test-project \ node_modules \ tapable \ lib \ Tapable.js:131:46)

在编译 . <anonymous>(C:\ dev \ test-project \ node_modules \ webpack \ lib \ Compilation.js:603:8)

在Compilation.applyPluginsAsyncSeries(C:\ dev \ test-project \ node_modules \ tapable \ lib \ Tapable.js:131:46)

在Compilation.seal(C:\ dev \ test-project \ node_modules \ webpack \ lib \ Compilation.js:551:7)

我也无法 npm startnpm run start:prod

1 回答

  • 2

    我们更新了MoonMail-UI以使用最新的webpack版本以及一些代码清理和改进 . 请拉出最后的更改,删除 node_modules 文件夹(如果有),然后运行 npm install

相关问题