Добрый день!
Поднимаю тестовое приложение на ReactJS по туториалу (
https://habrahabr.ru/post/309958/).
Много проблем локальных возникало, но со всеми разобрался, а эта вроде и простой кажется, а уже всю голову сломал.
Вот структура катологов:
В конфиге webpack'а есть строчки:
loaders: [
{
test: /\.css$/,
loader: ExtractTextPlugin.extract({fallback: 'style-loader', use: 'css-loader!postcss-loader'})
},
{
test: /\.less$/,
loader: ExtractTextPlugin.extract({fallback : 'style-loader', use: 'css-loader!postcss-loader!less-loader'})
},
Соответственно зовём там client.js в нём импорт components/App, а в нём import ./App.css';
Так вот на это ругается вот так:
ERROR in ./src/components/App.css
Module build failed: ReferenceError: self is not defined
at eval (eval at <anonymous> (/var/www/react.sru/www/5/node_modules/style-loader/index.js!/var/www/react.sru/www/5/node_modules/css-loader/index.js!/var/www/react.sru/www/5/src/components/App.css:684:1), <anonymous>:14:30)
at eval (eval at <anonymous> (/var/www/react.sru/www/5/node_modules/style-loader/index.js!/var/www/react.sru/www/5/node_modules/css-loader/index.js!/var/www/react.sru/www/5/src/components/App.css:684:1), <anonymous>:9:47)
at module.exports (eval at <anonymous> (/var/www/react.sru/www/5/node_modules/style-loader/index.js!/var/www/react.sru/www/5/node_modules/css-loader/index.js!/var/www/react.sru/www/5/src/components/App.css:684:1), <anonymous>:31:68)
at eval (eval at <anonymous> (/var/www/react.sru/www/5/node_modules/style-loader/index.js!/var/www/react.sru/www/5/node_modules/css-loader/index.js!/var/www/react.sru/www/5/src/components/App.css:704:1), <anonymous>:7:77)
at Object.<anonymous> (/var/www/react.sru/www/5/node_modules/style-loader/index.js!/var/www/react.sru/www/5/node_modules/css-loader/index.js!/var/www/react.sru/www/5/src/components/App.css:704:1)
at __webpack_require__ (/var/www/react.sru/www/5/node_modules/style-loader/index.js!/var/www/react.sru/www/5/node_modules/css-loader/index.js!/var/www/react.sru/www/5/src/components/App.css:616:30)
at /var/www/react.sru/www/5/node_modules/style-loader/index.js!/var/www/react.sru/www/5/node_modules/css-loader/index.js!/var/www/react.sru/www/5/src/components/App.css:663:37
at Object.<anonymous> (/var/www/react.sru/www/5/node_modules/style-loader/index.js!/var/www/react.sru/www/5/node_modules/css-loader/index.js!/var/www/react.sru/www/5/src/components/App.css:666:10)
at Module._compile (module.js:571:32)
at Object.exec (/var/www/react.sru/www/5/node_modules/webpack/lib/NormalModule.js:94:6)
at Object.<anonymous> (/var/www/react.sru/www/5/node_modules/extract-text-webpack-plugin/loader.js:112:21)
at Compiler.<anonymous> (/var/www/react.sru/www/5/node_modules/webpack/lib/Compiler.js:251:10)
at /var/www/react.sru/www/5/node_modules/webpack/lib/Compiler.js:442:12
at next (/var/www/react.sru/www/5/node_modules/tapable/lib/Tapable.js:138:11)
at Compiler.<anonymous> (/var/www/react.sru/www/5/node_modules/extract-text-webpack-plugin/loader.js:93:4)
at next (/var/www/react.sru/www/5/node_modules/tapable/lib/Tapable.js:140:14)
ERROR in /var/www/react.sru/www/5/node_modules/extract-text-webpack-plugin/loader.js!/var/www/react.sru/www/5/node_modules/style-loader/index.js!/var/www/react.sru/www/5/node_modules/css-loader/index.js!/var/www/react.sru/www/5/src/components/App.css doesn't export content
Если строчку закомментировать, то дальше всё компилиться. Как пофиксить ума не приложу.