whenever i try to open any of my vue 3 project. I tried npm i autoprefixer but didn't work , then i tried deleting packagelock.json and node modules also it's not working, below are the errors I receive :
Compiled with problems:X
ERROR in ./src/router/index.js 4:0-51
Module not found: Error: Can't resolve '../views/AccountView.vue' in 'D:\project\Church\src\router'
ERROR in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css)
Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
Error: Cannot find module 'autoprefixer'
Require stack:
D:\project.postcssrc.js
D:\project\Church\node_modules\cosmiconfig\dist\loaders.js
D:\project\Church\node_modules\cosmiconfig\dist\ExplorerBase.js
D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js
D:\project\Church\node_modules\cosmiconfig\dist\index.js
D:\project\Church\node_modules\postcss-loader\dist\utils.js
D:\project\Church\node_modules\postcss-loader\dist\index.js
D:\project\Church\node_modules\postcss-loader\dist\cjs.js
D:\project\Church\node_modules\webpack\lib\ProgressPlugin.js
D:\project\Church\node_modules\progress-webpack-plugin\index.js
D:\project\Church\node_modules#vue\cli-service\lib\commands\serve.js
D:\project\Church\node_modules#vue\cli-service\lib\Service.js
D:\project\Church\node_modules#vue\cli-service\bin\vue-cli-service.js
at Function.Module._resolveFilename (node:internal/modules/cjs/loader:956:15)
at Function.Module._load (node:internal/modules/cjs/loader:804:27)
at Module.require (node:internal/modules/cjs/loader:1028:19)
at require (node:internal/modules/cjs/helpers:102:18)
at Object. (D:\project.postcssrc.js:2:3)
at Module._compile (node:internal/modules/cjs/loader:1126:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10)
at Module.load (node:internal/modules/cjs/loader:1004:32)
at Function.Module._load (node:internal/modules/cjs/loader:839:12)
at Module.require (node:internal/modules/cjs/loader:1028:19)
at module.exports (D:\project\Church\node_modules\import-fresh\index.js:32:59)
at loadJs (D:\project\Church\node_modules\cosmiconfig\dist\loaders.js:16:18)
at Explorer.loadFileContent (D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js:84:32)
at Explorer.createCosmiconfigResult (D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js:89:36)
at Explorer.loadSearchPlace (D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js:70:31)
at async Explorer.searchDirectory (D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js:55:27)
at async run (D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js:35:22)
at async cacheWrapper (D:\project\Church\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18)
at async cacheWrapper (D:\project\Church\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18)
at async cacheWrapper (D:\project\Church\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18)
at async Explorer.search (D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js:27:20)
at async loadConfig (D:\project\Church\node_modules\postcss-loader\dist\utils.js:68:16)
at async Object.loader (D:\project\Church\node_modules\postcss-loader\dist\index.js:54:22)
ERROR in ./node_modules/#quasar/extras/material-icons/material-icons.css (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./node_modules/#quasar/extras/material-icons/material-icons.css)
Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
Error: Cannot find module 'autoprefixer'
Require stack:
D:\project.postcssrc.js
D:\project\Church\node_modules\cosmiconfig\dist\loaders.js
D:\project\Church\node_modules\cosmiconfig\dist\ExplorerBase.js
D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js
D:\project\Church\node_modules\cosmiconfig\dist\index.js
D:\project\Church\node_modules\postcss-loader\dist\utils.js
D:\project\Church\node_modules\postcss-loader\dist\index.js
D:\project\Church\node_modules\postcss-loader\dist\cjs.js
D:\project\Church\node_modules\webpack\lib\ProgressPlugin.js
D:\project\Church\node_modules\progress-webpack-plugin\index.js
D:\project\Church\node_modules#vue\cli-service\lib\commands\serve.js
D:\project\Church\node_modules#vue\cli-service\lib\Service.js
D:\project\Church\node_modules#vue\cli-service\bin\vue-cli-service.js
at Function.Module._resolveFilename (node:internal/modules/cjs/loader:956:15)
at Function.Module._load (node:internal/modules/cjs/loader:804:27)
at Module.require (node:internal/modules/cjs/loader:1028:19)
at require (node:internal/modules/cjs/helpers:102:18)
at Object. (D:\project.postcssrc.js:2:3)
at Module._compile (node:internal/modules/cjs/loader:1126:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10)
at Module.load (node:internal/modules/cjs/loader:1004:32)
at Function.Module._load (node:internal/modules/cjs/loader:839:12)
at Module.require (node:internal/modules/cjs/loader:1028:19)
at module.exports (D:\project\Church\node_modules\import-fresh\index.js:32:59)
at loadJs (D:\project\Church\node_modules\cosmiconfig\dist\loaders.js:16:18)
at Explorer.loadFileContent (D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js:84:32)
at Explorer.createCosmiconfigResult (D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js:89:36)
at Explorer.loadSearchPlace (D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js:70:31)
at async Explorer.searchDirectory (D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js:55:27)
at async run (D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js:35:22)
at async cacheWrapper (D:\project\Church\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18)
at async cacheWrapper (D:\project\Church\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18)
at async cacheWrapper (D:\project\Church\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18)
at async cacheWrapper (D:\project\Church\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18)
at async cacheWrapper (D:\project\Church\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18)
at async cacheWrapper (D:\project\Church\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18)
at async Explorer.search (D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js:27:20)
at async loadConfig (D:\project\Church\node_modules\postcss-loader\dist\utils.js:68:16)
at async Object.loader (D:\project\Church\node_modules\postcss-loader\dist\index.js:54:22)
ERROR in ./src/styles/quasar.scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./node_modules/vue-cli-plugin-quasar/lib/loader.scss.js!./src/styles/quasar.scss)
Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
Error: Cannot find module 'autoprefixer'
Require stack:
D:\project.postcssrc.js
D:\project\Church\node_modules\cosmiconfig\dist\loaders.js
D:\project\Church\node_modules\cosmiconfig\dist\ExplorerBase.js
D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js
D:\project\Church\node_modules\cosmiconfig\dist\index.js
D:\project\Church\node_modules\postcss-loader\dist\utils.js
D:\project\Church\node_modules\postcss-loader\dist\index.js
D:\project\Church\node_modules\postcss-loader\dist\cjs.js
D:\project\Church\node_modules\webpack\lib\ProgressPlugin.js
D:\project\Church\node_modules\progress-webpack-plugin\index.js
D:\project\Church\node_modules#vue\cli-service\lib\commands\serve.js
D:\project\Church\node_modules#vue\cli-service\lib\Service.js
D:\project\Church\node_modules#vue\cli-service\bin\vue-cli-service.js
at Function.Module._resolveFilename (node:internal/modules/cjs/loader:956:15)
at Function.Module._load (node:internal/modules/cjs/loader:804:27)
at Module.require (node:internal/modules/cjs/loader:1028:19)
at require (node:internal/modules/cjs/helpers:102:18)
at Object. (D:\project.postcssrc.js:2:3)
at Module._compile (node:internal/modules/cjs/loader:1126:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10)
at Module.load (node:internal/modules/cjs/loader:1004:32)
at Function.Module._load (node:internal/modules/cjs/loader:839:12)
at Module.require (node:internal/modules/cjs/loader:1028:19)
at module.exports (D:\project\Church\node_modules\import-fresh\index.js:32:59)
at loadJs (D:\project\Church\node_modules\cosmiconfig\dist\loaders.js:16:18)
at Explorer.loadFileContent (D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js:84:32)
at Explorer.createCosmiconfigResult (D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js:89:36)
at Explorer.loadSearchPlace (D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js:70:31)
at async Explorer.searchDirectory (D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js:55:27)
at async run (D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js:35:22)
at async cacheWrapper (D:\project\Church\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18)
at async cacheWrapper (D:\project\Church\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18)
at async cacheWrapper (D:\project\Church\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18)
at async cacheWrapper (D:\project\Church\node_modules\cosmiconfig\dist\cacheWrapper.js:16:18)
at async Explorer.search (D:\project\Church\node_modules\cosmiconfig\dist\Explorer.js:27:20)
at async loadConfig (D:\project\Church\node_modules\postcss-loader\dist\utils.js:68:16)
at async Object.loader (D:\project\Church\node_modules\postcss-loader\dist\index.js:54:22)
You should run npm install -D autoprefixer and then make sure that the file src/router/views/AccountView.vue does exist. IF it does not exist there - you must update the pathname in src/router/index.js
Related
I'm a beginner deploying a basic nextjs app with vercel.
This error is occurring in the node_modules files, not in any code that I have written.
How should I go about debugging this?
TypeError: Cannot read properties of undefined (reading 'page')
at /vercel/path0/node_modules/next/dist/export/index.js:223:40
at Array.filter (<anonymous>)
at /vercel/path0/node_modules/next/dist/export/index.js:222:43
at async Span.traceAsyncFn (/vercel/path0/node_modules/next/dist/trace/trace.js:79:20)
at async /vercel/path0/node_modules/next/dist/build/index.js:1168:21
at async Span.traceAsyncFn (/vercel/path0/node_modules/next/dist/trace/trace.js:79:20)
at async /vercel/path0/node_modules/next/dist/build/index.js:1044:17
at async Span.traceAsyncFn (/vercel/path0/node_modules/next/dist/trace/trace.js:79:20)
at async Object.build [as default] (/vercel/path0/node_modules/next/dist/build/index.js:65:29)```
I am running a clean install of the strapi-starter-next-corporate starter app. When I try to access a preview of the unpublished "secret" page, I get this error:
[develop:frontend] error - ReferenceError: locale is not defined
[develop:frontend] at preview (C:\Users\username\Projects\projectname\frontend\.next\server\pages\api
\preview.js:36:5)
[develop:frontend] at Object.apiResolver (C:\Users\username\Projects\projectname\frontend\node_module
s\next\dist\server\api-utils.js:101:15)
[develop:frontend] at runMicrotasks (<anonymous>)
[develop:frontend] at processTicksAndRejections (internal/process/task_queues.js:95:5)
[develop:frontend] at async DevServer.handleApiRequest (C:\Users\username\Projects\projectname\fronte
nd\node_modules\next\dist\server\next-server.js:775:9)
[develop:frontend] at async Object.fn (C:\Users\username\Projects\projectname\frontend\node_modules\n
ext\dist\server\next-server.js:666:37)
[develop:frontend] at async Router.execute (C:\Users\username\Projects\projectname\frontend\node_modu
les\next\dist\server\router.js:205:32)
[develop:frontend] at async DevServer.run (C:\Users\username\Projects\projectname\frontend\node_modul
es\next\dist\server\next-server.js:846:29)
[develop:frontend] at async DevServer.run (C:\Users\username\Projects\projectname\frontend\node_modul
es\next\dist\server\dev\next-dev-server.js:355:20)
[develop:frontend] at async DevServer.handleRequest (C:\Users\username\Projects\projectname\frontend\
node_modules\next\dist\server\next-server.js:292:20) {
[develop:frontend] page: '/api/preview'
[develop:frontend] }
[develop:backend ] [2022-02-09 09:48:13.162] http: POST /graphql (9 ms) 400
[develop:frontend] TypeError: Cannot read property 'global' of undefined
[develop:frontend] at getGlobalData (C:\Users\username\Projects\projectname\frontend\.next\server\pag
es\_app.js:628:22)
[develop:frontend] at runMicrotasks (<anonymous>)
[develop:frontend] at processTicksAndRejections (internal/process/task_queues.js:95:5)
[develop:frontend] at async Function.MyApp.getInitialProps (C:\Users\username\Projects\projectname\fr
ontend\.next\server\pages\_app.js:249:24)
[develop:frontend] at async Object.loadGetInitialProps (C:\Users\username\Projects\projectname\fronte
nd\node_modules\next\dist\shared\lib\utils.js:69:19)
[develop:frontend] at async Object.renderToHTML (C:\Users\username\Projects\projectname\frontend\node
_modules\next\dist\server\render.js:314:17)
[develop:frontend] at async doRender (C:\Users\username\Projects\projectname\frontend\node_modules\ne
xt\dist\server\next-server.js:1149:38)
[develop:frontend] at async C:\Users\username\Projects\projectname\frontend\node_modules\next\dist\se
rver\next-server.js:1241:28
[develop:frontend] at async C:\Users\username\Projects\projectname\frontend\node_modules\next\dist\se
rver\response-cache.js:64:36
My preview url:
http://localhost:3000/api/preview?secret=xxxxxxxxxxxxxxxxx&slug=secret
I also tried:
http://localhost:3000/api/preview?secret=xxxxxxxxxxxxxxxxx&slug=/secret
My .env file for my next app:
NEXT_PUBLIC_STRAPI_API_URL=http://localhost:1337
PREVIEW_SECRET=xxxxxxxxxxxxxxxxx
My .env file for my strapi app:
FRONTEND_URL=http://localhost:3000
FRONTEND_PREVIEW_SECRET=xxxxxxxxxxxxxxxxx
The I18 plugin and the preview code seem not to be totally integrated. Has anyone else encountered this?
Windows 11
Node.js v14.18.3
I think that you found a bug. The reason is that strapi-starter-next-corporate uses locale inside API route /frontend/pages/api/preview.js. Next.js does not support locale inside API route. You can read more about it here.
I've set up firebase with Flutter for iOS and Android.
When running flutter run I'm getting the error with the following error:
FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp()
(app/no-app).
at Object.f [as app] (https://www.gstatic.com/firebasejs/7.20.0/firebase-app.js:1:17054)
at Object.app$ [as app]
(http://localhost:50861/packages/firebase_core_web/src/interop/core.dart.lib.js:42:101)
at initializeApp
(http://localhost:50861/packages/firebase_core_web/firebase_core_web.dart.lib.js:101:25)
at initializeApp.next (<anonymous>)
at runBody (http://localhost:50861/dart_sdk.js:39052:34)
at Object._async [as async] (http://localhost:50861/dart_sdk.js:39083:7)
at firebase_core_web.FirebaseCoreWeb.new.initializeApp
(http://localhost:50861/packages/firebase_core_web/firebase_core_web.dart.lib.js:94:20)
at initializeApp (http://localhost:50861/packages/firebase_core/firebase_core.dart.lib.js:117:59)
at initializeApp.next (<anonymous>)
at runBody (http://localhost:50861/dart_sdk.js:39052:34)
at Object._async [as async] (http://localhost:50861/dart_sdk.js:39083:7)
at Function.initializeApp
(http://localhost:50861/packages/firebase_core/firebase_core.dart.lib.js:116:20)
at main$ (http://localhost:50861/packages/scbeta/main.dart.lib.js:477:36)
at main$.next (<anonymous>)
at runBody (http://localhost:50861/dart_sdk.js:39052:34)
at Object._async [as async] (http://localhost:50861/dart_sdk.js:39083:7)
at main$ (http://localhost:50861/packages/scbeta/main.dart.lib.js:475:18)
at main (http://localhost:50861/web_entrypoint.dart.lib.js:49:29)
at main.next (<anonymous>)
at http://localhost:50861/dart_sdk.js:39032:33
at _RootZone.runUnary (http://localhost:50861/dart_sdk.js:38889:58)
at _FutureListener.thenAwait.handleValue (http://localhost:50861/dart_sdk.js:33875:29)
at handleValueCallback (http://localhost:50861/dart_sdk.js:34435:49)
at Function._propagateToListeners (http://localhost:50861/dart_sdk.js:34473:17)
at _Future.new.[_completeWithValue] (http://localhost:50861/dart_sdk.js:34315:23)
at http://localhost:50861/dart_sdk.js:33526:46
at _RootZone.runUnary (http://localhost:50861/dart_sdk.js:38889:58)
at _FutureListener.then.handleValue (http://localhost:50861/dart_sdk.js:33875:29)
at handleValueCallback (http://localhost:50861/dart_sdk.js:34435:49)
at Function._propagateToListeners (http://localhost:50861/dart_sdk.js:34473:17)
at _Future.new.[_completeWithValue] (http://localhost:50861/dart_sdk.js:34315:23)
at async._AsyncCallbackEntry.new.callback (http://localhost:50861/dart_sdk.js:34338:35)
at Object._microtaskLoop (http://localhost:50861/dart_sdk.js:39176:13)
at _startMicrotaskLoop (http://localhost:50861/dart_sdk.js:39182:13)
at http://localhost:50861/dart_sdk.js:34689:9
The main function in my main.dart looks like this:
Future<void> main() async {
// Future<void> main() async {
WidgetsFlutterBinding.ensureInitialized();
await Firebase.initializeApp();
runApp(MyApp());
}
I haven't made any firebase calls or initialisations anywhere else in the app.
In my pubspec.yaml I only have firebase_core: ^1.0.1 as a dependency
I have looked at several questions on StackOverflow of people who've had similar problems but none of the solutions where of any help to me.
Have you already created firebase app and configure it for your flutter app?
I've solved it.
The problem was, that with Flutter 2 which just came out a few days ago, you have to add web as a platform as well which none of the tutorials or solutions I've seen mentioned. Once I've added Web on firebase and the scripts in flutter it worked just fine.
My app constantly crashes with this error. TypeError: SimpleSchema is not a constructor at attendances.js (imports/api/attendances/attendances.js:44:27). I've googled it and the StackOverflow solution doesn't work. I'm running simpl-schema and Collection2 Can anyone tell me whats wrong here?
import { Mongo } from 'meteor/mongo';
import SimpleSchema from 'simpl-schema';
const Attendances = new Mongo.Collection('attendances');
Attendances.debug = true;
Attendances.allow({
insert: () => true,
update: () => true,
remove: () => true,
});
Attendances.deny({
insert: () => false,
update: () => false,
remove: () => false,
});
const AttendancesSchema = new SimpleSchema({
createdAt: {
type: Date,
},
}, {
clean: {
filter: true,
autoConvert: true,
removeEmptyStrings: true,
trimStrings: true,
getAutoValues: true,
},
});
Attendances.attachSchema(AttendancesSchema);
export default Attendances;
This is the full error message in my terminal.
Path: ERROR MESSAGE
W20180620-21:07:11.542(10)? (STDERR) TypeError: SimpleSchema is not a constructor
W20180620-21:07:11.542(10)? (STDERR) at attendances.js (imports/api/attendances/attendances.js:44:27)
W20180620-21:07:11.543(10)? (STDERR) at fileEvaluate (packages/modules-runtime.js:339:7)
W20180620-21:07:11.543(10)? (STDERR) at require (packages/modules-runtime.js:238:16)
W20180620-21:07:11.543(10)? (STDERR) at publications.js (imports/api/userProfiles/server/publications.js:1:354)
W20180620-21:07:11.543(10)? (STDERR) at fileEvaluate (packages/modules-runtime.js:339:7)
W20180620-21:07:11.543(10)? (STDERR) at require (packages/modules-runtime.js:238:16)
W20180620-21:07:11.543(10)? (STDERR) at register-api.js (imports/startup/server/register-api.js:1:195)
W20180620-21:07:11.543(10)? (STDERR) at fileEvaluate (packages/modules-runtime.js:339:7)
W20180620-21:07:11.544(10)? (STDERR) at require (packages/modules-runtime.js:238:16)
W20180620-21:07:11.544(10)? (STDERR) at index.js (imports/startup/server/index.js:1:50)
W20180620-21:07:11.544(10)? (STDERR) at fileEvaluate (packages/modules-runtime.js:339:7)
W20180620-21:07:11.544(10)? (STDERR) at require (packages/modules-runtime.js:238:16)
W20180620-21:07:11.544(10)? (STDERR) at main.js (server/main.js:1:14)
W20180620-21:07:11.544(10)? (STDERR) at fileEvaluate (packages/modules-runtime.js:339:7)
W20180620-21:07:11.545(10)? (STDERR) at require (packages/modules-runtime.js:238:16)
W20180620-21:07:11.545(10)? (STDERR) at /Users/blakepascoe/Documents/dev/roll_call/.meteor/local/build/programs/server/app/app.js:1725:1
I tried the suggested fix in the comment by #bp123 that you should reset the Meteor project, and that fixed it for me too.
So I'm turning that comment into an answer:
Reset your project.
It does not seem impossible that a schema need to be added before any data is put in the database, but I'm very confused why this applies even for creating a Schema without attaching it to anything.
import * as firebase from 'firebase'
import 'firebase/firestore'
import config from './config'
export const firebaseApp = firebase.initializeApp(config)
export const firestore = firebaseApp.firestore()
I've been battling this for the past 24hrs, I got solutions to import the firebase/firestore, but still none seems to work for me.
init.js?9adc:10 Uncaught TypeError: firebaseApp.firestore is not a function
at eval (init.js?9adc:10)
at Object.<anonymous> (renderer.js:1309)
at __webpack_require__ (renderer.js:680)
at fn (renderer.js:90)
at eval (199:3)
at Object.<anonymous> (renderer.js:2035)
at __webpack_require__ (renderer.js:680)
at fn (renderer.js:90)
at eval (CustomersTable.vue?2194:1)
at Object.<anonymous> (renderer.js:2022)
npm install --save #firebase/firestore
fixed this for me. It broke somewhere between firebase versions 4.5.0 and 4.8.0.
To access the firebase service,
import * as firebase from 'firebase'
import 'firebase/firestore'
import config from './config'
export const firebaseApp = firebase.initializeApp(config)
export const firestore = firebase.firestore()