私はreact jsを始めています、最初のコンポーネントを構築しますこのエラーで立ち往生しています
"Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined."
私が使用しているエディターは、このためのVisual Studio 2017です。
webpack.config.jsのコードは
module.exports = {
context: __dirname,
entry: "./app.js",
output: {
path: __dirname + "/dist",
filename: "bundle.js"
},
watch: true,
module: {
rules: [{
test: /\.js$/,
exclude: /node_modules/,
use:
{
loader: 'babel-loader',
options: {
presets: ['babel-preset-env', 'babel-preset-react', ]
}
}
}
]
}
}
app.js
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
<Button />,
document.getElementById('root')
);
class Button extends React.Component {
render() {
return (<button>42</button>);
}
}
私がレンダリングしているページはindex.cshtmlです
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Index test</h2>
<div id="root"></div>
@section scripts{
<script src="~/Scripts/React/dist/bundle.js"></script>
}
app.jsに変更を加えた後、次のステップはcmdプロンプトに行き、npm run webpackを実行することです。
助けてくれてありがとう
回答 1 件
関連記事
- reactjsのimgタグのエラーを処理する方法
- Amazon S3:キャッチされないエラー:クラス「S3Client」が見つかりません
- だから私はこのエラーで立ち往生しました:Uncaught TypeError:HTMLDivElement。でnullのプロパティ 'classList'を読み取ることができません
- キャッチされないエラー:クラス 'ComposerAutoloaderInit'が見つかりません
- キャッチされない不変の違反:ストアエラー
- react-selectエラーキャッチされていないエラー:要素タイプが無効です
- Uncaught(in promise)エラー:リクエストはステータスコード400で失敗しました
- javascriptの関数にオブジェクトを渡すときにキャッチされない構文エラー
- Uncaught(in promise)エラーが発生しました:リクエストがステータスコード401で失敗しました
- ReactJsのマップ関数内のモーダルにエラーメッセージがあります
関連した質問
- Uberはスクロール矢印付きのタイプHorizontalScrollSpyを食べます
- Webpack DevServerが遅すぎますか、それとも何か問題がありますか?
- カスタムデータベースのクエリ(Mongodb)
- React-Redux:インポート試行エラー: '/ components/Score'にデフォルトのエクスポートが含まれていません( 'Score'としてインポートされました)
- divターゲットにアクセスして、reactでリストグループアイテムのスタイルを切り替える方法は?
- React Nativeエラー失敗したプロップタイプ:タイプ `array`の無効なプロップ` children`が `Overlay`に提供されました。
- svg要素の幅と高さを制御する方法
- 別のページにあるボタンの値を呼び出すにはどうすればよいですか?
- jsonから特定のコンテンツをレンダリングする
- JavaScriptを使用したスライドショーを使用したReactJSの画像モーダル
宣言する前にコンポーネントを使用しています。 javascriptクラスが引き上げられないため、これは機能しません。 これは動作するはずです