search

apostrophecms / starter-kit-essentials

Simple, minimal starting point for new ApostropheCMS projects
MIT License
10 stars 17 forks source link

White screen login #21

Closed TorbenHammes closed 3 years ago

TorbenHammes commented 3 years ago

Hey there, that is the error I got from browser console if I open the /login route.

Sounds like a PostCSS error. I hope it helps you. If I find time I will have a look at the main git repo (branch 3.0). Cheers

apos-bundle.js:1171 Uncaught Error: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
Error: PostCSS plugin autoprefixer requires PostCSS 8.
Migration guide for end-users:
https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users
    at Processor.normalize (Users/torbenhammes/apos-app/node_modules/postcss/lib/processor.js:153)
    at new Processor (Users/torbenhammes/apos-app/node_modules/postcss/lib/processor.js:56)
    at postcss (Users/torbenhammes/apos-app/node_modules/postcss/lib/postcss.js:55)
    at Object.loader (Users/torbenhammes/apos-app/node_modules/postcss-loader/dist/index.js:87)
    at Object../node_modules/css-loader/dist/cjs.js??clonedRuleSet-2[0].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2[0].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2[0].rules[0].use[3]!./apos-build/default/modules/@apostrophecms/ui/scss/global/import-all.scss (apos-bundle.js:1171)
    at __webpack_require__ (apos-bundle.js:17664)
    at eval (import-all.scss?a4c6:4)
    at Object../apos-build/default/modules/@apostrophecms/ui/scss/global/import-all.scss (apos-bundle.js:16676)
    at __webpack_require__ (apos-bundle.js:17664)
    at eval (import.js:2)
    at Module../apos-build/default/import.js (apos-bundle.js:783)
    at __webpack_require__ (apos-bundle.js:17664)
    at apos-bundle.js:17740
    at apos-bundle.js:17742

To Reproduce

Step by step instructions to reproduce the behavior:

npm install Create a user account npm run dev Open localhost:3000 Open localhost:3000/login -> White screen Console logs the output above

boutell commented 3 years ago

Hi Torben,

I tried this with a fresh checkout and "npm install" of a3-boilerplate and was not able to reproduce the problem. But I noticed that in a3-boilerplate the npm dependency is set to "apostrophe": "beta", not the bleeding edge 3.0 branch, which you mentioned.

So I tried changing the dependency to "apostrophecms/apostrophe:3.0" and repeating the install, but I was still not able to reproduce the issue.

I suspect you might be using npm link in some specific way I'm not reproducing here. Let me know if you are able to come up with more detailed instructions that work starting from zero with no files checked out yet.

boutell commented 3 years ago

Closing for now for housekeeping, but please comment if you are able to produce such steps and I will reopen.