سلام به دوستان.
برنامه بدرستی کار میکنه و مشکلی هم نیست . اگر من بخوام فایل css رو هم از node_modules و هم از component هام ایمپورت کنم با ارور مواجه میشم.
webpack:///./node_modules/style-loader/lib/addStyles.js?:۲۳ return window && document && document.all && !window.atob; ^ ReferenceError: window is not defined at eval (webpack:///./node_modules/style-loader/lib/addStyles.js?:۲۳:۲) at eval (webpack:///./node_modules/style-loader/lib/addStyles.js?:۱۲:۴۶) at module.exports (webpack:///./node_modules/style-loader/lib/addStyles.js?:۵۷:۴۶) at eval (webpack:///./public/testStyle.css?:۱۲:۱۳۴) at Object../public/testStyle.css (/media/ehsan/A۲۶۸۷۷۲۳۶۸۷۶F۵۷F/۰۱-MyDriver/myProjects/۰۲-develop/۱۳-news-ssr/build/bundle.js:۱۹۳:۱) at __webpack_require__ (/media/ehsan/A۲۶۸۷۷۲۳۶۸۷۶F۵۷F/۰۱-MyDriver/myProjects/۰۲-develop/۱۳-news-ssr/build/bundle.js:۲۳:۳۰) at eval (webpack:///./src/client/pages/HomeContainer.js?:۳۱:۱) at Object../src/client/pages/HomeContainer.js (/media/ehsan/A۲۶۸۷۷۲۳۶۸۷۶F۵۷F/۰۱-MyDriver/myProjects/۰۲-develop/۱۳-news-ssr/build/bundle.js:۵۴۱:۱) at __webpack_require__ (/media/ehsan/A۲۶۸۷۷۲۳۶۸۷۶F۵۷F/۰۱-MyDriver/myProjects/۰۲-develop/۱۳-news-ssr/build/bundle.js:۲۳:۳۰) at eval (webpack:///./src/client/Routes.js?:۱۷:۲۲) [nodemon] app crashed - waiting for file changes before starting...
فایل های webpack پروژه هم سه فایل هستن که جزئیات فایل مشترک را در زیر میآورم :
'use strict'; // const isInProduction = process.env.NODE_ENV === 'production'; module.exports = { context: __dirname, module: { rules: [ { test: /.(pdf|ico|jpg|eot|otf|woff۲|woff|ttf|mp۴|webm)$/, exclude: /node_modules/, use: { loader: 'file-loader', query: {name: '[name].[ext]'}, }, }, { test: /.js$/, exclude: /node-modules/, loader: 'babel-loader' },{ test: /.css$/, use: [ 'style-loader', { loader: 'css-loader', options: {modules: true, sourceMap: true} } ] } ] } };
و تنظیمات فایل .babelrc :
{ "presets": [ ["es۲۰۱۵", {"modules": false}], ["env", { "targets": { "browsers": ["last ۲ versions"], "node":"current" } } ],["react"],"stage-۰" ] }
نکته : پروژه بصورت react universal هستش . شاید این مورد اثر گذاشته باشه.
جزئیات پکیج ها :
"webpack": "^۳.۱۱.۰" "style-loader": "^۰.۱۸.۲" "css-loader": "^۰.۲۸.۹"
از راهنمایی دوستان ممنون هستم
به احسان کمک کنید تا مشکل خودش را حل کند؛ اینطور میتوانیم با هم پیشرفت کنیم.
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟