aws-amplify / learn Goto Github PK
View Code? Open in Web Editor NEWAWS Amplify Learn
Home Page: https://amplify.aws/learn/
License: Apache License 2.0
AWS Amplify Learn
Home Page: https://amplify.aws/learn/
License: Apache License 2.0
I ran into an error, snsdev-dev already exists
, when trying to create a new project. After a bit of digging it appears that root of the problem is the generation of resource names:
RoleName: !If [ShouldNotCreateEnvResources, 'boardg891ab340_sns-role', !Join ['',[ 'sns', !Select [3, !Split ['-', !Ref 'AWS::StackName']], '-', !Ref env]]]
This pattern is present in many location throughout the CloudFormation templates and dictates that there must be a convention followed when naming applications. This convention is not enforced through the CLI when initially creating the project.
A name like example-app
breaks this convention and can cause issues.
Can the resource name generation algorithm be changed to support additional conventions?
If not, can restrictions on project names be added to the CLI?
I am wondering if there is a current discord channel to help and talk to others regarding aws amplify
Hi,
I am trying to list some rows from the table.
I did
let todo = Todo.keys let predicate = todo.user_id == user.userId Amplify.API.query(request: .list(Todo.self, where: predicate)) { event in switch event { case .success(let result): switch result { case .success(let todo): print("Successfully retrieved list of todos: \(todo)") case .failure(let error): print("Got failed result with \(error.errorDescription)") } case .failure(let error): print("Got failed event with error \(error)") } }
I got
==HUB== HubPayload(eventName: "Auth.fetchSessionAPI", context: Optional(Amplify.AmplifyOperationContext<Amplify.AuthFetchSessionRequest>(operationId: FC39CCF3-DAFA-4DA9-AC88-1DB3DB378AF3, request: Amplify.AuthFetchSessionRequest(options: Amplify.AuthFetchSessionRequest.Options(pluginOptions: nil)))), data: Optional((Swift.Result<Amplify.AuthSession, Amplify.AuthError>) .success ( .info = AWSAuthCognitoSession(isSignedIn: true, userSubResult: (Swift.Result<Swift.String, Amplify.AuthError>) .success ( .info = "4f576e6f-fae4-41f8-8f62-05e5886c8f67"; ), identityIdResult: (Swift.Result<Swift.String, Amplify.AuthError>) .success ( .info = "us-east-1:<....>"; ), awsCredentialsResult: (Swift.Result<AWSPluginsCore.AuthAWSCredentials, Amplify.AuthError>) .success ( .info = AuthAWSCognitoCredentials(accessKey: "<....>", secretKey: "<....>", sessionKey: "<....>", expiration: 2020-12-29 03:49:16 +0000); ), cognitoTokensResult: (Swift.Result<AWSPluginsCore.AuthCognitoTokens, Amplify.AuthError>) .success ( .info = AWSCognitoUserPoolTokens(idToken: "<....>", accessToken: "<....>", refreshToken: "<....>"); )); ))) Got failed event with error APIError: The HTTP response status code is [500]. Recovery suggestion: The metadata associated with the response is contained in the HTTPURLResponse. For more information on HTTP status codes, take a look at https://en.wikipedia.org/wiki/List_of_HTTP_status_codes
can someone please help ?
this is my first app..
Note: I replaced big string values with <....>
in what I posted above.
Here is my schema
type TODO @model @auth ( rules: [ # allow all authenticated users ability to create posts # allow owners ability to update and delete their posts { allow: owner }, # allow all admin users all privileges { allow: groups, groups: ["Admin"] } ] ) @key(name: "todosByYear", fields: ["year"], queryField: "todosByYear") @key(name: "todosByMonth", fields: ["month"], queryField: "todosByMonth") @key(name: "todosByDay", fields: ["day"], queryField: "todosByDay") { id: ID! user_id: ID! day: Int month: Int year: Int updatedAt: AWSDateTime! tasks: [Task] @connection(keyName: "byTodo", fields: ["id"]) name: String! desc: String! }
Issue:
The router for /Post page on the tutorial is not functioning. I've ensured all steps were followed correctly, and all packages up to date.
function index() {
const router = useRouter();
return (
<Layout
onClick={() => {
router.push("/post");
}}
authText="Sign Up"
username="none"
>
Build the Website Pages: Build a Membership Website with Amplify, Stripe, and Next.js
The amplify Continuous Deployment service at frontend don't work on following steps:
git reset --hard <commit_identifier>
git push -f <origin> <branch_name>
The AWS Amplify Console don't start a new deployment progress and don't reconize the "new commit"
Issue:
While going through this video "Using AWS Amplify Studio Components Locally" [https://amplify.aws/learn/courses/Fullstack-for-Frontend-Developers-e7319/lessons/8] and utilizing the code provided in the tutorial the app complies successfully but the display on the web browser is blank. I narrowed it down to adding the modal className for UpdateNote and CreateNote. This could also be operator error. Any ideas on how to resolve this issue would be greatly appreciated.
https://amplify.aws/learn/courses/Fullstack-for-Frontend-Developers-e7319/lessons/3.
The video is correct but the documentation uses a "Word Length" and "Sentence Length" limitation instead of "Sentence Length" and "Paragraph Length".
https://discord.com/channels/705853757799399426/870372272865693747/1030230123720478770
Overall really solid work on this Harry! I don't have any major concerns on any of this after looking through the entire implementation. Great use of useMemo
throughout btw.
There are a handful of places throughout where you've still got commented out code hanging out, I'd kill it everywhere since it's always going to be in history if you need it, like I said, minor.
Outside of that, the only optimization I really see is abstracting your template page queries into a "queries" directory with an index providing initialization exports for each page or slug, to enable any potential future reuse, and it keeps the graphql out of each template, but that's just a personal preference and not a necessity, so feel free to close this without that change.
Current:
https://amplify.aws/community/posts?%7B%7D
Expected:
https://amplify.aws/community/posts
Removing the trailing characters will make the url more polished and friendlier. Eg: social media sharing.
Please add Blazor support
https://dotnet.microsoft.com/apps/aspnet/web-apps/client
Hello,
There is a directory in this repo with a name containing a colon.
Windows users will not be able to clone the git repo properly.
The build and deploy pipelines are broken again
When trying to run the web site locally, Gatsby fails to start with error :
Error: Cannot create as TypeComposer the following value: Date.
stormacq:community $ node --version
v11.14.0
stormacq:community $ gatsby --version
2.5.14
stormacq:community $ npm --version
6.9.0
$ npm start
> [email protected] start /Users/stormacq/Documents/amazon/code/amplify/community
> yarn delete-cache && gatsby develop
yarn run v1.15.2
$ rm -rf .cache
✨ Done in 0.08s.
success open and validate gatsby-configs — 0.097 s
warning Plugin gatsby-plugin-manifest is not compatible with your gatsby version 2.3.4 - It requires gatsby@^2.4.0
success load plugins — 0.287 s
success onPreInit — 0.551 s
success initialize cache — 0.022 s
success copy gatsby files — 0.095 s
success onPreBootstrap — 0.009 s
success source and transform nodes — 0.784 s
error UNHANDLED REJECTION
Error: Cannot create as TypeComposer the following value: Date.
- SchemaComposer.js:365 SchemaComposer.createTempTC
[community]/[graphql-compose]/lib/SchemaComposer.js:365:11
- SchemaComposer.js:563 SchemaComposer.addAsComposer
[community]/[graphql-compose]/lib/SchemaComposer.js:563:27
- schema-composer.js:21 createSchemaComposer
[community]/[gatsby]/dist/schema/schema-composer.js:21:18
- index.js:42 Object.<anonymous>
[community]/[gatsby]/dist/schema/index.js:42:28
- Generator.next
- new Promise
- index.js:65 Object.build
[community]/[gatsby]/dist/schema/index.js:65:17
- index.js:344
[community]/[gatsby]/dist/bootstrap/index.js:344:32
- Generator.next
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: `yarn delete-cache && gatsby develop`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/stormacq/.npm/_logs/2019-05-17T07_35_08_877Z-debug.log
Hey Guys,
I am getting following error consistently.
I even converted the verification code in to int before call, still no luck ?
try {
console.log("........2.....handleVerificationCode. : ");
console.log(parseInt(this.state.verificationCode));
let codeInt = parseInt(this.state.verificationCode);
const confirmSignUpResponse = await Auth.confirmSignUp(
{
username:this.state.email,
code:codeInt
}
);
console.log(confirmSignUpResponse);
} catch (error ) {
console.log("ERROR OCCURRED !!! ! ! ! ! ");
this.setState({
errors: { ...this.state.errors,cognito:error }
});
}
Would really appreciate any help to resolve this issue.
Thanks
I think there are points of improvement in the following statements in Connect Data Models to UI Components
step of Full Stack for Front-End Developers: Build your first AWS Amplify and React App
UpdateForm
Follow the same process as above for the UpdateNote form. The only difference is that you'll need to select note.id in order to define which note is updated.
https://amplify.aws/learn/courses/Fullstack-for-Frontend-Developers-e7319/lessons/5
In UpdateNote case,I would prefer to add a description that binds note.title
and note.text
to the Title and Note value
prop.
Issue:
Video three on the amplify page doesn't make sense where it is. It is the project set up however it is showing something that has components imported which is the next section.
Hi,
as described in this tutorial:
https://docs.amplify.aws/lib/storage/getting-started/q/platform/ios#initialize-amplify-storage
I integrated Amplify storage with my iOS app. The thing is that this conf created a new S3 bucket, when what I was looking for was to link to my existing bucket.
Could someone please explain me how to achieve this?
https://amplify.aws/community/contributors/gerard-sans
Posts are sorted in reverse from oldest to latest.
Newsletter link generation is missing the /
prefix, causing broken links in the following areas:
Add / prefix to the creations/props associated with newsletters/... routes.
My problem is more related to a real-time chat application with multiple chat rooms.
I want to filter each message and send it to users who subscribed to the same chatrooms. (not filtering on client-side)
I am a beginner to app sync. How do I do that Please help me?
Please give me relevant links, codes or steps.
Issue: can not use CreateNote to add new note when add Add Owner-based Authorization Rules
I try to change index.js to fix the issue
change code:
Amplify.configure(config);
to:
import { Amplify, AuthModeStrategyType } from 'aws-amplify';
Amplify.configure({ ...config, DataStore: { authModeStrategyType: AuthModeStrategyType.MULTI_AUTH } })
Issue:
On this page related to auto-generating Note content, the image showing the reader which options to select is incorrect and results in poor content that doesn't match the author's intent.
The author wants the reader to generate sample content in which each note has 1-3 words in its "title" and 1-5 sentences in its "text". But using the values shown in the image, the user ends up with titles of 1-3 characters and text of 1-5 words.
I've attached a corrected image that can be used in place of the one currently used in the tutorial.
I followed the Storage.list() example, but failed to list public files I uploaded.
Diving into AWS's code, I believe the issue is with the "path" parameter in the example, which should be "" instead of "/".
Amplify.Storage.list(
"/", // *** this should be ""
result -> {
for (StorageItem item : result.getItems()) {
Log.i("MyAmplifyApp", "Item: " + item.getKey());
}
},
error -> Log.e("MyAmplifyApp", "List failure", error)
);
Issue:
https://amplify.aws/learn/courses/Fullstack-for-Frontend-Developers-e7319/lessons/11
I've replicated the tutorial and after enabling owner based authorization, DataStore sync to backend will not work
type Note @model @auth(rules: [{allow: owner}]) {...
The video shows that after enabling this change, no items will appear in the app, unless the user creates a new one. However on Update, the console throws an unauthorized access response. The item is only added locally, but after relogging in, it is erased (thanks to the DataStore.clear()
command).
Suggestion/Solution:
What is missing in the tutorial is the following code link to Amplify documentation
import { Amplify, AuthModeStrategyType } from 'aws-amplify';
import awsconfig from './aws-exports';
Amplify.configure({
...awsconfig,
DataStore: {
authModeStrategyType: AuthModeStrategyType.MULTI_AUTH
}
})
After this change, the console does not give an error, and the added items are visible in Amplify Studio.
This improvement will significantly reduce the barriers to entry for beginners like me to create an MVP and unblock them.
I am able to go through my flow locally and get redirected to the stripe checkout page, no problems. When my app is deployed on amplify, I receive an error "You did not provide an API key. You need to provide your API key in the Authorization header, using Bearer auth (e.g. 'Authorization: Bearer YOUR_SECRET_KEY'). See https://stripe.com/docs/api#authentication for details, or we can help at https://support.stripe.com/."
Add re:invent event to the events page as well include a guide with all of the sessions that are diving into Amplify/GraphQL.
Not sure why this would be happening but I've noticed this few times as I was checking events I had added in a PR.
I would expect changes to show after the first refresh not the second.
Issue:
In the "Creating an Amplify Project" section, there's a comment that should be deleted: "I like all the pictures for these steps!"
Hello,
In order to perform some actions when a new object is created, can I just hook the DynamoDB table created by Amplify and trigger SNS/Lambda?
Would Amplify run onto issues if I update the objects from Lambda? (Example, I saved the item id=123 value="data" -> value="newData" and it would sync back to the devices?
I have tried every solution but it is not working. Please help me.
@dabit3
Issue: Written instructions are not sufficient to continue the lesson. The default options of the create-next-app tool build out the application in such a way that the other lessons do not apply.
For example, create-next-app recommends using page routing. That is the default and indicated with a "(recommended)" in the tool. But, that choice will give you a different folder structure than this demo needs.
Also, create-next-app defaults initially to using TypeScript. The demo lesson uses JavaScript. So mentions of "_app.js" are invalid.
Issue:
On page 5 of the intro tutorial, https://amplify.aws/learn/courses/Fullstack-for-Frontend-Developers-e7319/lessons/5
Existing text:
Let's do the same for the note text - select the paragraph below the title and set the label to note.title.
Should be:
Let's do the same for the note text - select the paragraph below the title and set the label to note.text.
Originally from discord
Steps to reproduce:
<NoteUICollection overrideItems={({ item, idx }) => {
return {
overrides: {
Vector31472464: {
as: 'button',
onClick: () => {
setShowUpdateModal(true)
setUpdateNote(item)
}
}
}
}
}}
/>
I have an issue specific to no Amplify framework at AWS Beijing and looking for advice. TIA.
Howdy, folks!
Awesome resource. I'd love to help with the site and start a meetup.
Have a couple of things I wanted to fix but am still unable to run the site locally with yarn start
.
success open and validate gatsby-configs — 0.189 s
success load plugins — 0.284 s
success onPreInit — 0.948 s
success initialize cache — 0.017 s
success copy gatsby files — 0.103 s
success onPreBootstrap — 0.014 s
success source and transform nodes — 0.577 s
success building schema — 0.417 s
success createPages — 0.100 s
success createPagesStatefully — 0.029 s
success onPreExtractQueries — 0.003 s
success update schema — 0.054 s
warning The GraphQL query in the non-page component "/Users/ahmadawais/Documents/Web/Sandbox/awsamplify/src/templates/Event.js" will not be run.
warning The GraphQL query in the non-page component "/Users/ahmadawais/Documents/Web/Sandbox/awsamplify/src/templates/Post.js" will not be run.
Exported queries are only executed for Page components. It's possible you're
trying to create pages in your gatsby-node.js and that's failing for some
reason.
If the failing component(s) is a regular component and not intended to be a page
component, you generally want to use a <StaticQuery> (https://gatsbyjs.org/docs/static-query)
instead of exporting a page query.
If you're more experienced with GraphQL, you can also export GraphQL
fragments from components and compose the fragments in the Page component
query and pass data down into the child component — http://graphql.org/learn/queries/#fragments
success extract queries from components — 0.184 s
success run graphql queries — 7.802 s — 43/43 5.51 queries/second
success write out page data — 0.005 s
success write out redirect data — 0.001 s
Generating image thumbnails [==============================] 422/422 80.6 secs 100%
warning The icon(/Users/ahmadawais/Documents/Web/Sandbox/awsamplify/src/assets/images/icon.png) you provided to 'gatsby-plugin-manifest' is not square.
The icons we generate will be square and for the best results we recommend you provide a square icon.
success onPostBootstrap — 0.431 s
info bootstrap finished - 87.426 s
ERROR Failed to compile with 1 errors 8:41:23 PM
This relative module was not found:
* ../aws-exports in ./src/utilities/track.js
✖ 「wdm」:
ERROR in ./src/utilities/track.js
Module not found: Error: Can't resolve '../aws-exports' in '/Users/ahmadawais/Documents/Web/Sandbox/awsamplify/src/utilities'
@ ./src/utilities/track.js 9:0-39 15:22-31
@ ./src/utilities/index.js
@ ./src/templates/Contributor.js
@ ./.cache/sync-requires.js
@ ./.cache/app.js
@ multi event-source-polyfill (webpack)-hot-middleware/client.js?path=/__webpack_hmr&reload=true&overlay=false ./.cache/app
ℹ 「wdm」: Failed to compile.
Send halp :)
Issue: Hero section renders error when trying to accept all.
Exact error is: "An error occurred saving components. Bad control character in string literal in JSON at position 190".
Believe related to the "money bag" icons to the left of the text "For just $99" but not experienced enough with Figma. Can't remove / replace icon since I don't have editing permissions.
TIA
We are building an ios app and are running into problems rendering a number of images directly fetched from S3 using graphql query which fetches the public image url and then displays it on ios client side.
The current flow is as follows:
We are uploading images as public to S3 and then storing public url to db.
When users login we are simply fetching image url's and rendering in the ui.
When following the above process we are encountering slowness in rendering the images of sometimes up to 3 seconds which is not feasible for our use case. We are wondering if the storage and retrieval of images from S3 directly is not the best way as S3 is meant more for heavy duty data? Is it better to use cloudfront as a layer between S3 and our app? Or is there a better solution. It is also worth noting that when we use other public images where we just take the image url and store it directly into db its much faster than uploading to S3 and then using that image. Is there something we are missing here?
If your text content has an apostrophe ' the build fails. As an example
description: 'In this workshop **we'll** learn how to build cloud-enabled web applications with Angular & AWS Amplify.'
banner: './banner.png'
This will cause:
error Error processing Markdown file /Users/nsswamin/workspace/documentation/community/content/posts/2019-04-12-angular-workshop/index.md:
can not read a block mapping entry; a multiline key may not be an implicit key at line 4, column 7:
banner: './banner.png'
^
error Command failed with exit code 1.
To reproduce:
Current:
https://amplify.aws/community/posts?%7B%22platforms%22%3A%5B%5D%2C%22categories%22%3A%5B%5D%7D
Expected:
https://amplify.aws/community/posts
Issue:
This section should be set in the margin as a table. Also, the information is incomplete.
https://amplify.aws/learn/courses/Fullstack-for-Frontend-Developers-e7319/lessons/7
Amplify pull image is broken.
additionally, observed the Multi auth is missing as well for datastore in lesson 11
The documentation at https://docs.amplify.aws/cli/teams/multi-frontend does a nice job of explaining how you can have multiple front-end apps share a common back-end. What's less clear is what is the best way to do the opposite - have a single Amplify app make use of multiple backends.
Imagine I was building a mobile app for a truck rental company to facilitate maintenance on their fleet. This company has one micro service for the trucks in the fleet and a separate micro service for the vendors capable of doing maintenance on those trucks. We want to build an app that allows someone to make use of both of those services. That same company probably has many other services (e.g. one for customers, another for sales, another for discounts, etc.) that we don't care about for this particular app.
What's the best way to use Amplify goodness (e.g. GraphQL APIs, DataStore) in this kind of a situation? The examples I see seem designed to help an app talk to a single service (e.g. ToDo app). Having some documentation for this would be great but I'd also be happy to just get pointed to some good resources.
Issue:
I got following error on browser console and icon to edit note is not shown, when I works on step Modify AWS Amplify Studio Generated Components in Code
.
Expect the edit icon to appear to the left of the trash icon. But, it not appered.
react-dom.development.js:86 Warning: The tag <path> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.
at path
at button
at http://localhost:3000/static/js/bundle.js:38032:11
at http://localhost:3000/static/js/bundle.js:36719:20
at div
at http://localhost:3000/static/js/bundle.js:38032:11
at div
at http://localhost:3000/static/js/bundle.js:38032:11
at http://localhost:3000/static/js/bundle.js:36626:18
at div
at http://localhost:3000/static/js/bundle.js:38032:11
at http://localhost:3000/static/js/bundle.js:36626:18
at div
at http://localhost:3000/static/js/bundle.js:38032:11
at http://localhost:3000/static/js/bundle.js:36626:18
at div
at http://localhost:3000/static/js/bundle.js:38032:11
at http://localhost:3000/static/js/bundle.js:36626:18
at NoteUI (http://localhost:3000/static/js/bundle.js:1701:5)
at div
at http://localhost:3000/static/js/bundle.js:38032:11
at http://localhost:3000/static/js/bundle.js:36669:18
at C (http://localhost:3000/static/js/bundle.js:36153:19)
at div
at http://localhost:3000/static/js/bundle.js:38032:11
at http://localhost:3000/static/js/bundle.js:36626:18
at y (http://localhost:3000/static/js/bundle.js:36170:20)
at NoteUICollection (http://localhost:3000/static/js/bundle.js:2002:12)
at div
at App (http://localhost:3000/static/js/bundle.js:34:96)
at div
at $f631663db3294ace$export$c760c09fdd558351 (http://localhost:3000/static/js/bundle.js:73283:10)
at n (http://localhost:3000/static/js/bundle.js:35421:15)
If you delete the following as 'button'
description, the error will not occur. And the edit icon will also appear.
<NoteUICollection overrideItems={({ item, idx }) => {
return {
overrides: {
Vector31472464: {
as: 'button',
onClick: () => {
setShowUpdateModal(true)
setUpdateNote(item)
}
}
}
}
}}
/>
in https://amplify.aws/learn/courses/Fullstack-for-Frontend-Developers-e7319/lessons/9
I think that the following modification is advisable.
<NoteUICollection overrideItems={({ item, idx }) => {
return {
overrides: {
EditButton: {
onClick: () => {
setShowUpdateModal(true)
setUpdateNote(item)
}
}
}
}
}}
/>
Unless I'm missing something, there seems to be a lot of separation between AWS employees developing on AWS Amplify and its open source contributors (the primary common ground being PRs and Issues). It would be nice to have a higher bandwidth communication option like a chat channel where open source contributors to the project can discuss their implementation plans and details in the open with AWS developers. This, I think, would improve collaboration (maybe even increase contributions?), provide mentorship opportunities, and foster a deeper sense of community. We currently have https://gitter.im/AWS-Amplify/Lobby which seems to be more oriented towards user support than active/on-going development. Could we maybe get something development focused?
I added the following code according to the description. But display value of Title and Text on input fields of UpdateForm.
<NoteUICollection overrideItems={({ item, idx }) => {
return {
overrides: {
Vector31472464: {
as: 'button',
onClick: () => {
setShowUpdateModal(true)
setUpdateNote(item)
}
}
}
}
}}
/>
https://amplify.aws/learn/courses/Fullstack-for-Frontend-Developers-e7319/lessons/9
Since the condition titleValue === ""
in the following code only holds for the first time, the value of note.note
is not reflected in the input field even if props.note
in UpdateNote
is updated.
If we use the CSS display: none
to show and hide, the UpdateNote
component will continue to display the value of the first displayed props.note when props.note is updated.
A part of generated src/ui-components/UpdateNote.jsx
:
export default function UpdateNote(props) {
const { note, overrides, ...rest } = props;
const [titleValue, setTitleValue] = useStateMutationAction("");
const [noteValue, setNoteValue] = useStateMutationAction("");
const buttonOnClick = useDataStoreUpdateAction({
fields: { title: titleValue, text: noteValue },
id: note?.id,
model: Note,
schema: schema,
});
useEffect(() => {
if (titleValue === "" && note !== undefined && note?.title !== undefined)
setTitleValue(note?.title);
}, [note]);
useEffect(() => {
if (noteValue === "" && note !== undefined && note?.text !== undefined)
setNoteValue(note?.text);
}, [note]);
...
As Is:
<div className='modal' style={{ display: showUpdateModal === false && 'none' }}>
<UpdateNote
note={updateNote} overrides={{
MyIcon: {
as: 'button',
onClick: () => setShowUpdateModal(false)
}
}}
/>
</div>
To Be:
{showUpdateModal && <div className='modal'>
<UpdateNote
note={updateNote} overrides={{
MyIcon: {
as: 'button',
onClick: () => setShowUpdateModal(false)
}
}}
/>
</div>}
Refs: #395
Hello,
i've sent an email to [email protected], as mentioned here . But i didn't get an answer.
Could you please check ?
Thanks
1 of 1 unhandled error
Server Error
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
This error happened while generating the page. Any console logs will be displayed in the terminal window.
Call Stack
renderElement
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6043:9)
renderNodeDestructiveImpl
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6104:11)
renderNodeDestructive
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6076:14)
renderNode
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6259:12)
renderChildrenArray
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6211:7)
renderNodeDestructiveImpl
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6141:7)
renderNodeDestructive
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6076:14)
renderNode
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6259:12)
renderChildrenArray
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6211:7)
renderNodeDestructiveImpl
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6141:7)
renderNodeDestructive
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6076:14)
renderNode
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6259:12)
renderHostElement
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5642:3)
renderElement
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5952:5)
renderNodeDestructiveImpl
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6104:11)
renderNodeDestructive
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6076:14)
renderForwardRef
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5859:5)
renderElement
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6005:11)
renderNodeDestructiveImpl
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6104:11)
renderNodeDestructive
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6076:14)
renderIndeterminateComponent
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5785:7)
renderElement
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5946:7)
renderNodeDestructiveImpl
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6104:11)
renderNodeDestructive
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6076:14)
renderIndeterminateComponent
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5785:7)
renderElement
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5946:7)
renderNodeDestructiveImpl
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6104:11)
renderNodeDestructive
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6076:14)
renderNode
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6259:12)
renderHostElement
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5642:3)
renderElement
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5952:5)
renderNodeDestructiveImpl
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6104:11)
renderNodeDestructive
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6076:14)
renderNode
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6259:12)
renderChildrenArray
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6211:7)
renderNodeDestructiveImpl
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6141:7)
renderNodeDestructive
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6076:14)
renderContextProvider
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5920:3)
renderElement
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6017:11)
renderNodeDestructiveImpl
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6104:11)
renderNodeDestructive
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6076:14)
renderIndeterminateComponent
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5785:7)
renderElement
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5946:7)
renderNodeDestructiveImpl
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6104:11)
renderNodeDestructive
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6076:14)
renderContextProvider
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5920:3)
renderElement
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6017:11)
renderNodeDestructiveImpl
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6104:11)
renderNodeDestructive
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6076:14)
renderIndeterminateComponent
file:///C:/Users/mdala/membership-website/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5785:7)error npm run dev
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.