javascript - 模块构建失败 : ReferenceError: Unknown plugin "import" specified in "base" at 0

标签 javascript reactjs webpack create-react-app antd

我正在做一个 ReactJS 项目,我正在使用 create-react-app,突然出现以下错误,我不知道为什么。在出现错误之前,我记得我使用了“yarn add react-rte”,然后我意识到我不需要它,所以我运行了“yarn remove react-rte”。之后,我的项目将无法运行,每次启动项目时都会出现以下错误:Error in ./src/index.js 模块构建失败:ReferenceError:在 0 处的“base”中指定的未知插件“import”,尝试相对于“projectFolder/src”进行解析 在 Array.map(本地) @多主

Package.json

{
"name": "client",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "autoprefixer": "6.7.2",
    "babel-core": "6.22.1",
    "babel-eslint": "7.1.1",
    "babel-jest": "18.0.0",
    "babel-loader": "6.2.10",
    "babel-preset-react-app": "^2.1.0",
    "case-sensitive-paths-webpack-plugin": "1.1.4",
    "chalk": "1.1.3",
    "connect-history-api-fallback": "1.3.0",
    "cross-spawn": "4.0.2",
    "css-loader": "0.26.1",
    "detect-port": "1.0.1",
    "dotenv": "2.0.0",
    "eslint": "3.8.1",
    "eslint-config-react-app": "^0.5.1",
    "eslint-loader": "1.6.0",
    "eslint-plugin-flowtype": "2.21.0",
    "eslint-plugin-import": "2.0.1",
    "eslint-plugin-jsx-a11y": "2.2.3",
    "eslint-plugin-react": "6.4.1",
    "extract-text-webpack-plugin": "1.0.1",
    "file-loader": "0.10.0",
    "fs-extra": "0.30.0",
    "html-webpack-plugin": "2.24.0",
    "http-proxy-middleware": "0.17.3",
    "jest": "18.1.0",
    "json-loader": "0.5.4",
    "node-sass": "^3.13.0",
    "object-assign": "4.1.1",
    "postcss-loader": "1.2.2",
    "promise": "7.1.1",
    "react-dev-utils": "^0.5.0",
    "sass-loader": "^4.0.2",
    "style-loader": "0.13.1",
    "url-loader": "0.5.7",
    "webpack": "1.14.0",
    "webpack-dev-server": "1.16.2",
    "webpack-manifest-plugin": "1.1.0",
    "whatwg-fetch": "2.0.2"
  },
  "dependencies": {
    "antd": "^2.5.0",
    "axios": "^0.15.2",
    "moment-timezone": "^0.5.10",
    "react": "^15.4.2",
    "react-dom": "^15.4.2",
    "react-intl": "2.2.3",
    "react-redux": "^4.4.6",
    "react-router": "^3.0.0",
    "redux": "^3.6.0",
    "redux-form": "^6.5.0",
    "redux-thunk": "^2.1.0"
  },
  "scripts": {
    "start": "node scripts/start.js",
    "build": "node scripts/build.js",
    "test": "node scripts/test.js --env=jsdom"
  },
  "jest": {
    "moduleFileExtensions": [
      "jsx",
      "js",
      "json"
    ],
    "moduleNameMapper": {
      "^.+\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/config/jest/FileStub.js",
      "^.+\\.css$": "<rootDir>/config/jest/CSSStub.js"
    },
    "setupFiles": [
      "<rootDir>/config/polyfills.js"
    ],
    "testPathIgnorePatterns": [
      "<rootDir>/(build|docs|node_modules)/"
    ],
    "testEnvironment": "node"
  },
  "babel": {
    "presets": [
      "react-app"
    ]
  },
  "eslintConfig": {
    "extends": "react-app"
  }
}

如有任何帮助,我们将不胜感激。 谢谢。

最佳答案

参见:https://ant.design/docs/react/use-with-create-react-app

请确保您已经安装了babel-plugin-import .

安装插件:

npm install babel-plugin-import --save-dev

或:

yarn add babel-plugin-import --dev

关于javascript - 模块构建失败 : ReferenceError: Unknown plugin "import" specified in "base" at 0,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42731610/

相关文章:

javascript - strophe muc decline group 邀请节

javascript - Razor 页面中的最佳实践 : Using AJAX or Handlers for post/get requests

reactjs - 如何更改 Firebase 中的错误消息?例如,输入无效密码时?

javascript - Uncaught Error : Cannot find module "./components/LoginPage"

typescript - 使用 VS Code 和 webpack-dev-server 进行调试时断点不起作用

javascript - 如何使用 webpack 请求 jquery

c# - 将每个用户输入处理为纯文本

javascript - 在带有打印对话框的 javascript 中打开一个新窗口?

javascript - React Router 从另一个组件访问参数

javascript - 为什么 material-ui 两次调用他们的对话框?