I get following error message when I try to render a IgTextEditorL
Element 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.
Following is my code:
mport React, { Component } from 'react';import logo from './logo.svg';import './App.css';import '../node_modules/react-vis/dist/style.css';import {XYPlot, LineSeries, XAxis, YAxis, VerticalGridLines,HorizontalGridLines} from 'react-vis'; import {IgTextEditor} from '../node_modules/igniteui-react/ui/igTextEditor.js' class App extends Component { render() {
return ( <div className="App">
<IgTextEditor placeHolder="John"/> </div> ); }} export default App;
Do you know what's the problem?
I installed latest igniteui-react
Hello Shengjie,
If you wish to use Ignite UI controls in your React application, you should first add references tojQuery and Ignite UI source files.
You can install jQuery in your application with a command like below.
npm install jquery –save
Please reference the guide below for installing Ignite UI package.
Using Ignite UI npm packageshttps://www.igniteui.com/help/using-ignite-ui-npm-packages
Then in your React application, you can import the required files for igTextEditor like below.
----------------import "jquery";
import "@infragistics/ignite-ui-full/en/js/infragistics.core.js"import "@infragistics/ignite-ui-full/en/js/infragistics.lob.js"
import IgTextEditor from "igniteui-react/ui/igTextEditor.js";----------------
I have attached the sample applicationmy-app.zip.
Thank you,Mihoko Kamiishi
Thanks. It works.
BTW, it looks there is an issue when I login in with latest 64bit chrome. Anybody can help check your login page?
Shengjie,
Do you have more details on the issue with the login page? I was able to login without issue from Chrome version 68.0.3440.106 (Official Build) (64-bit) from both Windows 10 and Fedora 28.