Cannot use import statement outside a module 解决方法

错误原因:import $ from 'jquery';导入文件模块是es6模块化语法，而浏览器并不支持es6语法

解决方法：在项目中配置webpack即可

步骤：

1、运行 npm install webpack webpack-cli –D 命令，安装 webpack 相关的包 (需要管理员身份)

2、在项目根目录中，创建名为 webpack.config.js 的 webpack 配置文件 

3、 在 webpack 的配置文件中，初始化如下基本配置： 

module.exports = { mode: 'development' // mode 用来指定构建模式 }
"
4、在 package.json 配置文件中的 scripts 节点下，新增 dev 脚本如下： 

"scripts": { "dev": "webpack" // script 节点下的脚本，可以通过 npm run 执行 }
5、 在终端中运行 npm run dev 命令，启动 webpack 进行项目打包。 

6、将原来引入的js文件改为dist目录下的main.js文件
————————————————
版权声明：本文为CSDN博主「JunJiu0420」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/JunJiu0420/java/article/details/105238070