Next.js腳手架zai在引入antd之後打包報錯簡單解決

接着上文Next.js腳手架不支持直接引入css解決，並按需加載ant UI
參考https://jspang.com/detailed?id=51#toc239

取消按需加載.babelrc

{
    "presets":["next/babel"],  
    //Next.js的總配置文件，相當於繼承了它本身的所有配置
    "plugins":[     
    //增加新的插件，這個插件就是讓antd可以按需引入，包括CSS
        [
            "import",
            {
                "libraryName":"antd"
                // ,
                // "style":"css"
                //把按需加載註釋掉
            }
        ]
    ]
}

改成全局加載
使用_app.js(腳手架的特定方法，寫在pages目錄下但是不會渲染成頁面）
/pages/_app.js

import App from 'next/app'
import "antd/dist/antd.css"//全局引用antd的樣式
export default App

之後配置一下端口（因爲默認的start是3000端口和我們常用的衝突）

之後執行

npm run build
npm run start

應該就可以正常使用了