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"
 ]
}