tldraw / make-real-starter Goto Github PK
View Code? Open in Web Editor NEWMake it real
License: GNU Affero General Public License v3.0
Make it real
License: GNU Affero General Public License v3.0
This happened with the original tldraw/draw-a-ui repository too, but the error was tldraw/tldraw.css
not found.
If you are experiencing strange behavior like this, I've had to update the dependency from:
"@tldraw/tldraw": "^2.0.0-canary.ba4091c59418",
to
"@tldraw/tldraw": "2.0.0-canary.ba4091c59418",
(remove ^)
I'm not sure why this fixes it or what the issue is. There may be some inconsistency with how the package is being released.
Running on Mac OS Ventura, using node v21.1.0 (npm v10.2.0).
Failed to compile
./app/components/MakeRealButton.tsx:3:0
Module not found: Can't resolve '../makeReal'
1 | import { useEditor, useToasts } from '@tldraw/tldraw'
2 | import { useCallback } from 'react'
3 | import { makeReal } from '../makeReal'
4 |
5 | export function MakeRealButton() {
6 | const editor = useEditor()
https://nextjs.org/docs/messages/module-not-found
Import trace for requested module:
./app/page.tsx
This error occurred during the build process and can only be dismissed by fixing the error.
Steps:
Error:
assert<@http://localhost:5420/@fs/home/ubuntu/source/tldraw/packages/utils/src/lib/control.ts:17:13
wrappedFn@http://localhost:5420/@fs/home/ubuntu/source/tldraw/packages/utils/src/lib/function.ts:16:14
getShapeUtil@http://localhost:5420/@fs/home/ubuntu/source/tldraw/packages/editor/src/lib/editor/Editor.ts:545:11
do@http://localhost:5420/@fs/home/ubuntu/source/tldraw/packages/editor/src/lib/editor/Editor.ts:5034:29
createCommand/exec/<@http://localhost:5420/@fs/home/ubuntu/source/tldraw/packages/editor/src/lib/editor/managers/HistoryManager.ts:40:16
@http://localhost:5420/@fs/home/ubuntu/source/tldraw/packages/editor/src/lib/editor/managers/HistoryManager.ts:102:44
transact@http://localhost:5420/@fs/home/ubuntu/source/tldraw/packages/state/src/lib/core/transactions.ts:120:12
ignoringUpdates@http://localhost:5420/@fs/home/ubuntu/source/tldraw/packages/editor/src/lib/editor/managers/HistoryManager.ts:102:27
exec@http://localhost:5420/@fs/home/ubuntu/source/tldraw/packages/editor/src/lib/editor/managers/HistoryManager.ts:39:12
createCommand/exec/<@http://localhost:5420/@fs/home/ubuntu/source/tldraw/packages/editor/src/lib/editor/managers/HistoryManager.ts:31:30
batch/<@http://localhost:5420/@fs/home/ubuntu/source/tldraw/packages/editor/src/lib/editor/managers/HistoryManager.ts:79:11
transaction@http://localhost:5420/@fs/home/ubuntu/source/tldraw/packages/state/src/lib/core/transactions.ts:104:22
transact@http://localhost:5420/@fs/home/ubuntu/source/tldraw/packages/state/src/lib/core/transactions.ts:122:10
batch@http://localhost:5420/@fs/home/ubuntu/source/tldraw/packages/editor/src/lib/editor/managers/HistoryManager.ts:77:17
exec@http://localhost:5420/@fs/home/ubuntu/source/tldraw/packages/editor/src/lib/editor/managers/HistoryManager.ts:31:14
createShape@http://localhost:5420/@fs/home/ubuntu/source/tldraw/packages/editor/src/lib/editor/Editor.ts:4936:10
makeEmptyResponseShape@http://localhost:5420/@fs/home/ubuntu/source/tldraw/packages/tldraw/src/lib/ui/makeReal.tsx?t=1705134476101:105:10
makeReal@http://localhost:5420/@fs/home/ubuntu/source/tldraw/packages/tldraw/src/lib/ui/makeReal.tsx?t=1705134476101:38:49
Versions:
ubuntu@ubuntu-2204:~/source/tldraw$ node -v && npm -v && yarn -v
v21.5.0
10.2.4
6.5.0
OS:
ubuntu@ubuntu-2204:~/source/tldraw$ lsb_release -a
No LSB modules are available.
Distributor ID: Ubuntu
Description: Ubuntu 22.04.3 LTS
Release: 22.04
Codename: jammy
With Chrome debugging got this error:
Error: No shape util found for type "response"
at Editor.getShapeUtil (/home/ubuntu/source/tldraw/packages/editor/src/lib/editor/Editor.ts:763:3)
at Object.do (/home/ubuntu/source/tldraw/packages/editor/src/lib/editor/Editor.ts:6610:24)
at /home/ubuntu/source/tldraw/packages/editor/src/lib/editor/managers/HistoryManager.ts:68:12
at /home/ubuntu/source/tldraw/packages/editor/src/lib/editor/managers/HistoryManager.ts:151:40
at transact (/home/ubuntu/source/tldraw/packages/state/src/lib/core/transactions.ts:248:10)
at HistoryManager.ignoringUpdates (/home/ubuntu/source/tldraw/packages/editor/src/lib/editor/managers/HistoryManager.ts:151:25)
at exec (/home/ubuntu/source/tldraw/packages/editor/src/lib/editor/managers/HistoryManager.ts:67:9)
at /home/ubuntu/source/tldraw/packages/editor/src/lib/editor/managers/HistoryManager.ts:55:22
at /home/ubuntu/source/tldraw/packages/editor/src/lib/editor/managers/HistoryManager.ts:121:6
at transaction (http://localhost:5420/@fs/home/ubuntu/source/tldraw/packages/state/src/lib/core/transactions.ts:104:20) {stack: 'Error: No shape util found for type "response…es/state/src/lib/core/transactions.ts:104:20)', message: 'No shape util found for type "response"'}
Please let me know how to solve this issue.
Hi there
Love tldraw and make-real ❤️ it's a lot of fun to prototype,
iterate over the base of site, and especially the fact that I can share a working link of the site to anyone!
it's super awesome.
But I've noticed that sometimes, i just want to do manual edits to the code locally, which i can do by copying the html
but after doing the code changes i want to return it back to makereal, so i need a way to import the html back
Then I could continue using makereal, selecting my imported html, to make further visual or text instructions, and redo make-real
I've tried forking the make-real repo (to submit a PR), but could not get it to run.
I hoped make-real-starter would include the web-sharing, not just copy html, and have it surved locally, similar to a tldraw.link/site just localhost:3000/site (PLEASE INCLUDE IT ASWELL)
I think this will bump up makereal's effectiveness tremendously
please let me know if you can make this possible
Thanks a lot and all the best! (& Happy Holydays)
This error occurred and the module was not included.
"Module not found: Package path ./tldraw.css"
remove risky but cool component also?
in langchain ,i use the proxy key by set base_url ,cloud you support proxy key?
Is it possible to support Azure OpenAI Service for the API access?
First, thank you for sharing this project with us!
Could you please add an explicit LICENSE
file to the repo so that it's clear under what terms the content is provided, and under what terms user contributions are licensed?
[...] without a license, the default copyright laws apply, meaning that you retain all rights to your source code and no one may reproduce, distribute, or create derivative works from your work. If you're creating an open source project, we strongly encourage you to include an open source license. The Open Source Guide provides additional guidance on choosing the correct license for your project.
Thanks!
C:\Users\antdx\make-real-starter>npm run dev
[email protected] dev
next dev
▲ Next.js 14.0.3
✓ Ready in 2.1s
○ Compiling / ...
⨯ ./app/components/MakeRealButton.tsx:3:0
Module not found: Can't resolve '../makeReal'
1 | import { useEditor, useToasts } from '@tldraw/tldraw'
2 | import { useCallback } from 'react'
3 | import { makeReal } from '../makeReal'
4 |
5 | export function MakeRealButton() {
6 | const editor = useEditor()
https://nextjs.org/docs/messages/module-not-found
Import trace for requested module:
./app/page.tsx
⨯ ./app/components/MakeRealButton.tsx:3:0
Module not found: Can't resolve '../makeReal'
1 | import { useEditor, useToasts } from '@tldraw/tldraw'
2 | import { useCallback } from 'react'
3 | import { makeReal } from '../makeReal'
4 |
5 | export function MakeRealButton() {
6 | const editor = useEditor()
https://nextjs.org/docs/messages/module-not-found
Import trace for requested module:
./app/page.tsx
⨯ ./app/components/MakeRealButton.tsx:3:0
Module not found: Can't resolve '../makeReal'
1 | import { useEditor, useToasts } from '@tldraw/tldraw'
2 | import { useCallback } from 'react'
3 | import { makeReal } from '../makeReal'
4 |
5 | export function MakeRealButton() {
6 | const editor = useEditor()
https://nextjs.org/docs/messages/module-not-found
Import trace for requested module:
./app/page.tsx
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.