material-ui の Table Component に基づくフレームワークであるmaterial-tableをインストールしました。
これは私がコンソールとターミナルで得たものです:
私がやろうとしたことは、見つけたソリューションからさまざまなバージョンのbabel、babel-core、babel-loaderをインストールすることでした。
これが問題かどうかはわかりませんが、エラーはそう言っているようです。
これは、package.json から関連するものです。
"babel-core": "^6.26.3",
"babel-loader": "^8.0.6",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"webpack": "^4.38.0",
"webpack-cli": "^3.3.6",
"webpack-dev-server": "^3.7.2"
この問題は、アプリにある他の React コンポーネントでは発生しません。
彼らが提供する「開始」コンポーネントで発生します。
import MaterialTable from "material-table";
class ListNew extends Component {
render() {
return (
<div style={{ maxWidth: "100%" }}>
<MaterialTable
columns={[
{ title: "Adı", field: "name" },
{ title: "Soyadı", field: "surname" },
{ title: "Doğum Yılı", field: "birthYear", type: "numeric" },
{
title: "Doğum Yeri",
field: "birthCity",
lookup: { 34: "İstanbul", 63: "Şanlıurfa" }
}
]}
data={[
{ name: "Mehmet", surname: "Baran", birthYear: 1987, birthCity: 63 }
]}
title="Demo Title"
/>
</div>
);
}
}
export default ListNew;
ウェブパック構成:
var path = require("path");
module.exports = {
entry: "./script.js",
output: {
path: path.resolve(__dirname, ""),
filename: "transpiled.js"
},
module: {
rules: [
{
test: /\.js$/,
loader: "babel-loader",
exclude: "/node_modules/",
query: {
presets: ["es2015", "react"]
}
}
]
}
};