You may need an appropriate loader to handle this file type

问题：

使用js高级语法时报错

 

ERROR in ./src/index.js 27:0
Module parse failed: Unexpected character '@' (27:0)
You may need an appropriate loader to handle this file type

解决：

安装和配置babel-loader加载器

步骤：

cmd中安装：

npm i babel-loader@8.2.2 @babel/core@7.14.6 @babel/plugin-proposal-decorators@7.14.5 -D

 webpack.config.js中配置：

rules: [
    {test: /\.js$/,use: 'babel-loader',exclude: /node_modules/},
]

 根目录下新建babel.config.js文件：

module.exports = {
    // 声明babel中可用的插件
    plugins: [['@babel/plugin-proposal-decorators',{legacy: true}]]
}

cmd中运行项目：

浏览器控制台成功输出：