Javascript React.createElement:类型无效--应为字符串,但未定义
我在StackOverflow看到了一个类似的问题,但我很确定这是不同的。我用的是Lerna,有两个软件包Javascript React.createElement:类型无效--应为字符串,但未定义,javascript,reactjs,typescript,lerna,Javascript,Reactjs,Typescript,Lerna,我在StackOverflow看到了一个类似的问题,但我很确定这是不同的。我用的是Lerna,有两个软件包 packages ├── staff/ │ └── homepage.tsx └── lumi/ ├── ... ├── package.json ├── dist/ │ ├── bundle.js │ ├── bundle.js.map │ ├── index.d.ts │ ├── index.d.ts.m
packages
├── staff/
│ └── homepage.tsx
└── lumi/
├── ...
├── package.json
├── dist/
│ ├── bundle.js
│ ├── bundle.js.map
│ ├── index.d.ts
│ ├── index.d.ts.map
│ └── ui/
│ └── Tabular
│ ├── Tabular.d.ts
│ └── Tabular.d.ts.map
└── src/
├── index.ts
├── ui/
│ └── Tabular/
│ └── Tabular.tsx
└── ...
lumi/src/ui/Tabular/Tabular.tsx
import * as React from "react";
export function Tabular():JSX.Element {
return <div>Hello! This is Tabular!</div>;
}
import * as React from "react";
import * as ReactDOM from "react-dom";
import { Tabular } from "lumi";
export class HomepageApp extends React.PureComponent<{}, {}> {
public render() {
return <Tabular />
}
}
ReactDOM.render(<HomepageApp />, document.getElementById("content"));
员工/主页.tsx
import * as React from "react";
export function Tabular():JSX.Element {
return <div>Hello! This is Tabular!</div>;
}
import * as React from "react";
import * as ReactDOM from "react-dom";
import { Tabular } from "lumi";
export class HomepageApp extends React.PureComponent<{}, {}> {
public render() {
return <Tabular />
}
}
ReactDOM.render(<HomepageApp />, document.getElementById("content"));
对我来说,这一切似乎都很简单和美好。一切似乎都链接正确(当我将鼠标悬停在VSCode中的“lumi”中的import{Tabular}上时,VSCode按预期显示(别名)函数Tabular():JSX.Element import Tabular
错误:
react.development.js:315 Warning: React.createElement: 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.
Check the render method of `HomepageApp`.
in HomepageApp
非常感谢您的帮助:)如果还有其他文件需要包含,请告诉我!提前谢谢你 lumi
是否有package.json
文件?如果没有,那么我认为您需要使用from”/lumi“
从中导入,否?是的,它确实有一个package.json。最奇怪的是,所有内容都是在VSCode上自动完成的(所以我很确定所有的包都已正确设置),而且当我点击它们跳转到正确的文件时链接也正确。你能在这里发布package.json
的内容吗?更新帖子显示package.json,以及更多的文件结构。lumi
是否有package.json
文件?如果没有,那么我认为您需要使用from”/lumi“
从中导入,否?是的,它确实有一个package.json。最奇怪的是,所有内容都是在VSCode上自动完成的(因此我很确定所有包都已正确设置),并且当我点击它们跳转到正确的文件时,链接也正确。你能在这里发布package.json
的内容吗?更新帖子以显示package.json以及更多的文件结构。