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

Materialui升级“您可能需要适当的加载程序来处理此文件类型。”问题

1 个答案: