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