Comments (3)
oh, yes, you need autoImport: false
from codehike.
what's the error?
from codehike.
If I set a breakpoint to the line throwing the error, I can see it says "Cannot use import
or export … from
in evaluate
(outputting a function body) by default: please set useDynamicImport: true
(and probably specify a baseUrl
)"
But if I set useDynamicImport: true
,
import { evaluate } from '@mdx-js/mdx';
import * as runtime from 'react/jsx-runtime';
import { remarkCodeHike } from '@code-hike/mdx';
import '@code-hike/mdx/dist/index.css';
const { default: Content } = await evaluate(
'# Hello\nLorem ipsum dolor sit amet.\n```python hello.py mark=1[22:30]\nprint("Rendered with Code Hike")\n```',
{
...runtime,
+ useDynamicImport: true,
remarkPlugins: [remarkCodeHike],
development: false,
}
);
function App() {
return <Content />;
}
export default App;
then another error occurs
VM263:5 Uncaught TypeError: Failed to resolve module specifier '@code-hike/mdx/dist/components.cjs.js'
at eval (eval at run2 (@mdx-js_mdx.js?v=610dd0a6:27790:10), <anonymous>:5:29)
at run2 (@mdx-js_mdx.js?v=610dd0a6:27790:41)
at evaluate (@mdx-js_mdx.js?v=610dd0a6:27824:10)
at async App.jsx:6:30
from codehike.
Related Issues (20)
- CodeMap component HOT 1
- Code hike code block hides inside Tabs HOT 1
- Markdown code inside `details` tag not displayed in Firefox HOT 1
- Is it possible to include only a portion of an external file using the `from` annotation?
- Wrong focus annotation breaks render HOT 6
- wrong tab border in `one-dark-pro` theme?
- Expose a way to transform the copied code HOT 5
- Change release message HOT 1
- Vite + Code Hike HOT 2
- Link and mark annotations on the same line HOT 2
- Using `rows` inside `<CH.Scrollycoding>` HOT 1
- Make CH.Spotlight mobile responsive HOT 3
- Pass `staticMediaQuery` to ScrollyCoding via props HOT 1
- Next 13 RSC Dot Component notation not allowed on server HOT 1
- Multiple `from` annotations HOT 1
- Scrollycoding `triggerPosition` setting doesn't seem to get applied
- Codehike breaks Mermaid.js diagram rendering in Nextra HOT 1
- Allow import of external files with from-annotation HOT 1
- Problem with copy button overlapping text HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from codehike.