babel/core 6.x升級到7.x要碰到的一些坑

剛學習react.js沒多久，碰到各種坑。就比如這個問題，弄了我3個小時，終於解決了。其實就是一個小問題。

報錯信息：

Error: Cannot find module '@babel/core'
babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('babel-core'), you should install 'babel-loader@7'.
    at Function.Module._resolveFilename (module.js:547:15)
    at Function.Module._load (module.js:474:25)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)
    ....

 

當你裝好了babel/core 6.x的話，那就先把babel-core 6.x的版本刪了，安裝@babel/core就可以了。我是利用cmd來刪除的，在vs中會遇到權限問題，刪不了。

npm un babel-core -D

cnpm i @babel/core -D

在把那些以前的老包都刪了，要重新裝一些新包：

  "devDependencies": {
    "@babel/core": "^7.4.5",
    "@babel/plugin-proposal-object-rest-spread": "^7.4.4",
    "@babel/plugin-transform-runtime": "^7.4.4",
    "@babel/preset-env": "^7.4.5",
    "@babel/preset-react": "^7.0.0",
    "babel-loader": "^8.0.6",
    "babel-preset-mobx": "^2.0.0"
}

之后在修改babelrc：

{
    "presets":["@babel/preset-env", "@babel/preset-react", "mobx"],
    "plugins": ["@babel/plugin-proposal-object-rest-spread",
        "@babel/plugin-transform-runtime"]
}

 

參考文旦：https://gitissue.com/issues/5c18daeb2d508f5dc897d206

　　　　　https://segmentfault.com/a/1190000016458913#articleHeader0