Comments (6)
Hi, @LexRiver!
Could you investigate after which version it appears? Probably it's a bug.
from vidom.
No, seems like it's some error in my webpack config.
Because I can import .jsx files without any error.
Now I've switched to rollup and it works for me.
from vidom.
Here's a part of my webpack config for processing tsx files:
{
test: /\.tsx$/,
use: [
{
loader: 'babel-loader',
options: {
plugins: [['babel-plugin-vidom-jsx', { autoRequire: false }]]
}
},
{
loader: 'ts-loader',
options: {
transpileOnly: true,
compilerOptions: {
sourceMap: true,
importHelpers: true,
jsx: 'preserve'
}
}
}
]
}
from vidom.
yes, it seems to work now, but I have a runtime error
Uncaught ReferenceError: vidom is not defined
unless I add a script reference in my html:
<script src="https://unpkg.com/[email protected]/dist/vidom.js"></script>
is it the way it should be?
from vidom.
No, it isn't. You need to import vidom
in tsx files.
// MyComponent.tsx
import * as vidom from 'vidom';
class MyComponent extends vidom.Component {
onRender(): vidom.Node {
return (
<div>content</div>
);
}
}
from vidom.
vidom-test-webpack.zip
Here I'm trying to create minimal possible project, can you please check?
from vidom.
Related Issues (20)
- Passed attributes with undefined values overrides default ones
- benchmarks affect each other? HOT 3
- Autowrap component rendering result respect to its value
- Component: add warning if `setState()` is called during `onRender()`
- Object.freeze error in ie11 HOT 4
- Add ts declaration for vidom.WheelSyntheticEvent
- Input with placeholder calls onChange in IE11 on focus/blur
- TagNode: autodetect namespaces and get rid of `setNs`
- Normalize order of updates inside tree to be always from top to bottom regardless of order of component updates
- `Component#setState` doesn't handle `undefined` values
- Content of plain text nodes isn't escaped
- Introduce `vidom.h(type, props, ...children)` factory
- Add support of pointer events
- Get rid of synthetic event system
- Improve soundness of typings for html elements
- Use types from "csstype" module to improve css style typings
- defaultAttrs in typescript HOT 2
- Remount only child if key is changed
- how to get ref of a child? 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 vidom.