Comments (7)
rschristian
commented on June 18, 2024
1
You haven't updated the path in your HTML file.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>WMR App</title>
<meta name="description" content="WMR App" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="icon" href="data:" />
- <link rel="modulepreload" as="script" href="/index.js" />
+ <link rel="modulepreload" as="script" href="/index.tsx" />
<link rel="stylesheet" href="/style.css" />
</head>
<body>
- <script type="module" src="/index.js"></script>
+ <script type="module" src="/index.tsx"></script>
</body>
</html>I imagine this is a symptom of TS's wonky file resolution, in that you can use import ... from 'Foo.js' when Foo.ts is what actually exists on the file system.
from wmr.
rschristian
commented on June 18, 2024
1
Not a bug, just a feature that hasn't yet been released. #875 has been merged in, though.
Use aliases in your wmr.config instead. https://wmr.dev/docs/configuration#aliasing-and-path-mappings
from wmr.
rschristian
commented on June 18, 2024
1
Interesting. @ does have some special meaning, so that could present an issue, but I'm also having an issue with using ~ which is in our docs. I'll look into this soon, thanks for bringing it up.
from wmr.
Aloento
commented on June 18, 2024
Thank you!!! And maybe mentioned this in your document.
from wmr.
rschristian
commented on June 18, 2024
Building would cause an error as the script source cannot be found. I think I can probably port that over to dev.
from wmr.
Aloento
commented on June 18, 2024
Oh and there's another bug.
typescript-paths not working.
In tsconfig.json
"compilerOptions": {
"paths": {
"@/*": ["./*"]
},
},then Invalid specifier: @/something
from wmr.
Aloento
commented on June 18, 2024
Not a bug, just a feature that hasn't yet been released. #875 has been merged in, though.
Use aliases in your
wmr.configinstead. https://wmr.dev/docs/configuration#aliasing-and-path-mappings
One problem with this method is that it does not fill in the filename and extension name.
For example:
We have /App/index.tsx
Then use it as import App from "/App"
After compile: import App from "/App/index.js"
Everything is fine.
But if I use aliases like import App from "@/App"
Then, after compiling: import App from "/App"
It's the wrong path.
from wmr.
Related Issues (20)
- Prerender: HTML textContent of <script type="wmrdata"> is not escaped HOT 1
- Prerender: regexp capturing group replaces any instance of $1 (etc.) HOT 2
- Failed to load wmr.config.ts HOT 4
- unclear for workbox-recipes, htmlMinifier with create-wmr HOT 7
- npm registry lookup failed for "@npm/object-assign": Package doesn't exist. HOT 3
- JSX.Element don't have children prop. HOT 3
- The requested module '/@npm/scheduler' does not provide an export named 'unstable_NormalPriority' HOT 2
- rollup version is too old (is fake) HOT 23
- @mdx-js/rollup plugin doesn't work in development mode
- Not all NPM packages work out of the box HOT 2
- "Invalid Specifier" due to "+" character (build metadata) in semver
- Router: Easier access to route() in class components HOT 5
- Build fails when changing the `root` config option in `wmr.config.js`
- preact-iso useLocation missing hash HOT 2
- Errors while and after using http2 HOT 9
- Eslint preact fails with an error related to jest HOT 1
- Suspense combined with the directory plugin preventing component mounting on page load. HOT 5
- Router segment wildcards don't match when no segment is provided HOT 1
- Move wmr.cjs to wmr.js (esm) HOT 3
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 wmr.