                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /mobx入門基礎教程

我的一運行就報錯

babel-loader 我也安裝了7的版本?

qq_carry型選手_0

2019-10-17

源自：mobx入門基礎教程 2-1

關注問題我要回答

988

操作

收起

4 回答

lap
2020-08-23

"@babel/core":?"^7.11.4",????"@babel/plugin-proposal-class-properties":?"^7.10.4",????"@babel/preset-env":?"^7.11.0",????"babel-loader":?"^8.1.0",????"webpack":?"^4.44.1",????"webpack-cli":?"^3.3.12"

0 回復有任何疑惑可以回復我~

收起回答

婧婧浩浩
2020-07-07

有沒有最新的配置文件發(fā)一下呀？

0 回復有任何疑惑可以回復我~

收起回答

一米陽光0704
2019-12-09

npm i babel-loader@7.1.4

0 回復有任何疑惑可以回復我~

收起回答

Talbot3
2019-10-18

安裝了7的版本會報錯的。您可以看一下關于babel7安裝指南。

主要原因是babel7后默認的loader的名字變了。

這里是驗證后的配置

package.json

{
??"name":?"demo-mobx",
??"version":?"1.0.0",
??"description":?"",
??"main":?"webpack.config.js",
??"scripts":?{
????"start":?"webpack?-w",
????"test":?"echo?\"Error:?no?test?specified\"?&&?exit?1"
??},
??"keywords":?[],
??"author":?"",
??"license":?"ISC",
??"devDependencies":?{
????"@babel/cli":?"^7.6.4",
????"@babel/core":?"^7.6.4",
????"@babel/plugin-proposal-class-properties":?"^7.5.5",
????"@babel/plugin-proposal-decorators":?"^7.6.0",
????"@babel/plugin-proposal-object-rest-spread":?"^7.6.2",
????"@babel/plugin-transform-runtime":?"^7.6.2",
????"@babel/preset-env":?"^7.6.3",
????"@babel/preset-react":?"^7.6.3",
????"babel-loader":?"^8.0.6",
????"babel-preset-mobx":?"^2.0.0",
????"webpack":?"^4.41.2",
????"webpack-cli":?"^3.3.9"
??},
??"dependencies":?{
????"@babel/polyfill":?"^7.6.0",
????"mobx":?"^5.14.0",
????"mobx-react":?"^6.1.4",
????"prop-types":?"^15.7.2",
????"react":?"^16.10.2",
????"react-dom":?"^16.10.2"
??}
}

webpack.config.js

const?path?=?require('path');
const?config?=?{
??mode:?'development',
??entry:?path.resolve(__dirname,?'src/index.js'),
??output:?{
????path:?path.resolve(__dirname,?'dist'),
????filename:?'main.js'
??},
??module:?{
????rules:[
??????{
????????test:?/\.js|jsx$/,
????????exclude:?/node_modules/,
????????use:?{
??????????loader:?'babel-loader',
??????????options:?{
????????????presets:?[
??????????????"@babel/preset-env",
??????????????"@babel/preset-react",
??????????????"mobx"
????????????],
????????????plugins:?[
??????????????["@babel/plugin-proposal-decorators",?{?"legacy":?true?}],
??????????????["@babel/plugin-proposal-class-properties",?{?"loose":?true?}],
??????????????"@babel/plugin-proposal-object-rest-spread"
????????????]
??????????}
????????}
??????}
????]
??},
??devtool:?'inline-source-map'
}
module.exports?=?config;