Reactjsの予期しないトークンエラーはWindowsでのみ発生し、Linuxでは発生しません
ミーガン
したがって、最初のReactJSチュートリアルでは、Ubuntu VMを使用していましたが、reactおよびreact-domの依存関係をインストールするのを忘れたため、この問題が発生したことを覚えています。私は今Windowsを使用していて、すべてをインストールしていることを確認しましたが、同じエラーが発生します。
私のpackage.jsonには、次のものがあります。
{
"name": "github-battle",
"version": "1.0.0",
"description": "",
"main": "webpack.config.js",
"dependencies": {},
"devDependencies": {
"babel-core": "^6.26.0",
"babel-loader": "^7.1.2",
"babel-preset-env": "^1.6.1",
"babel-preset-react": "^6.24.1",
"css-loader": "^0.28.9",
"html-webpack-plugin": "^2.30.1",
"react": "^16.2.0",
"react-dom": "^16.2.0",
"style-loader": "^0.20.2",
"webpack": "^3.11.0",
"webpack-dev-server": "^2.11.1"
},
"scripts": {
"create": "webpack"
},
"author": "",
"license": "ISC"
}
私のwebpack.config.jsの場合
var path = require('path');
var HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: './app/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'index_bundle.js',
publicPath: '/'
},
module: {
rules: [
{ test: /\.(js)$/, use: 'babel-loader' },
{ test: /\.css$/, use: [ 'style-loader', 'css-loader' ]}
]
},
devServer: {
historyApiFallback: true,
},
plugins: [
new HtmlWebpackPlugin({
template: 'app/index.html'
})
]
};
index.js
var React = require('react');
var ReactDOM = require('react-dom');
require('./index.css');
class App extends React.Component{
render(){
return(
<div>Hello World</div>
)
}
}
ReactDOM.render(<App />, document.getElementById('app'));
Windowsで別の方法でやらなければならないことはありますか？
ヴィンセント・ダムール
貼り付けたすべてのファイルを使用して新しいプロジェクトを作成しようとしましたが、同じエラーが発生しました。次の2つのコマンドを実行して解決しました。
npm install --save react
npm install --save react-dom
これを含む.babelrcファイルも追加しました。
{
"presets": ["react"]
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
ビルド中のwebpackでエラーが発生しましたが、開発中ではありません：「UglifyJSからのstatic [...]でエラーが発生しました。予期しないトークン：punc（...）」
- 2
npmでReactJSを使用すると、次のエラーが発生します（予期しないトークン）
- 3
サーバーでは予期しないT_STRINGエラーが発生しましたが、ローカルホストでは発生しません
- 4
Rails on Heroku：Chromeでのみルートエラーは発生しません
- 5
C ++ Shared Lib：Windowsではクライアントリンクは問題ありませんが、Linux（GCC）では未定義のエラーが発生します
- 6
「予期しないトークン構文エラー」が発生するのはなぜですか
- 7
予期しないトークン、エラーが発生するのはなぜですか?
- 8
<？phpで予期しないトークンエラーが発生しました
- 9
AndroidStudioで予期しないトークンエラーが発生しました
- 10
InternetExplorerではJavascriptの無効な文字エラーが発生しますがGoogleChromeでは発生しません
- 11
CSC：エラーCS0041：デバッグ情報の書き込み中に予期しないエラーが発生しました-'このプラットフォームでは操作はサポートされていません。'
- 12
Windowsではコンパイラエラーが発生しますが、Macでは発生しません
- 13
React：JSXでの3項演算により、「予期しないトークン」エラーが発生します
- 14
エクスポート時のトリガーで予期しないエラーが発生しました
- 15
Linuxではソケット作成エラーが発生しますがMacOSでは発生しません
- 16
このエラーが発生します予期しない要素<クエリ>が<マニフェスト>で見つかりました修正できません
- 17
OSXではJavaコンパイルエラーが発生しますが、Windowsでは発生しません
- 18
「.mapは関数ではありません」というエラーはAndroidPieでのみ発生しますか？
- 19
テンプレートの特殊化により、LinuxではGCCではなくWindowsではMinGWとのリンクエラーが発生します
- 20
予期しないテンプレート文字列式エラーが発生するのはなぜですか？
- 21
Newrelic RubyAgentが「予期しないトークン<JSONで」を発生させるのはなぜですか
- 22
予期しないトークン「done」の近くで構文エラーが発生しました -- 行の読み取り中に
- 23
Prometheus 1.8 /2.2.1スクレイプで「トークンなし」エラーが発生します-promtoolはいくつかの警告のみを表示します
- 24
バッチスクリプトで2つの文字列を比較しようとすると、「この時点でWindowsは予期していませんでした」というエラーが発生しました
- 25
予期しないエラーが発生しました：「EPERM：Yarnでの操作は許可されていません
- 26
トランザクションの保存ではロールバックは発生しませんでした
- 27
Jasmineテストでテンプレート解析エラーが発生しましたが、実際のアプリでは発生しません
- 28
PHPクラスが見つかりませんエラーはCircleCIでのみ発生します
- 29
ハンドラーのディスパッチに失敗しました。ネストされた例外はjava.lang.AbstractMethodErrorです：WASでのみエラーが発生し、Spring埋め込みTomcatではエラーが発生しません
コメントを追加