Materialui升級“您可能需要適當的加載程序來處理此文件類型。”問題

Question

我對React，Webpack，Babel和Web開發也很陌生。 我工作的公司要求我升級material-ui以便在下拉組件中使用搜索。 但是，該項目較舊，該項目中使用的material-ui版本為“ 1.0.0-beta.43”。 我將其升級為“ @ material-ui / core”：初學者為“ ^ 1.0.0”，由於其依賴項可能會破壞所有項目，因此不想升級至最新版本。 我看到了@ babel / runtime“：” ^ 7.1.2依賴項，並且也安裝了它。 現在，當我嘗試運行項目時，出現以下錯誤，該怎么辦才能解決此問題？ 我非常感謝您的幫助。

./src/main.js中的錯誤模塊解析失敗：C：\\ Work \\ STYS_Frontend \\ src \\ main.js意外的令牌（109：16）您可能需要適當的加載程序來處理此文件類型。

錯誤中提到的行是ReactDOM.render（，document.getElementById（“ content”）））;

附加了我的package.json和webpack配置，並且根文檔中有.babelrc，如下所示：

{ "presets": ["es2015", "stage-0", "react"] }

webpack.config.js

的package.json

Answer 1

由於已安裝@ babel / runtime，因此需要更新或安裝

@babel/core,
@babel/plugin-proposal-class-properties,
@babel/plugin-syntax-dynamic-import,
@babel/plugin-transform-runtime,
@babel/preset-env,
@babel/preset-react,
@babel/preset-stage-0,

對於你的.babelrc

{
 "presets": ["@babel/preset-env", "@babel/preset-react" ],
 "plugins": [
 "@babel/plugin-proposal-class-properties",
 "@babel/plugin-syntax-dynamic-import",
 "@babel/plugin-transform-runtime"
 ]
}