Это продолжение сообщения Тьерри Шарбоннеля (Autre Planete)



Чтобы продолжить выполнение приведенных ниже указаний, вы должны сначала выполнить инструкции из сообщения Тьерри, ссылка на которое приведена выше.

Вавилон

После выполнения всех предыдущих инструкций возникает проблема из-за расширения babel loader, которое кэширует данные. Таким образом, самые последние данные могут быть не представлены или не построены.

Решение предложил @timnuetkens на github
https://github.com/zeit/next.js/issues/1103#issuecomment-279529809

обновите свой next.config.js с помощью:

module.exports = {
  webpack: (config, { dev }) => {
    // Perform customizations to config
    config.module.rules = config.module.rules.map(rule => {
      if(rule.loader === 'babel-loader') {
        rule.options.cacheDirectory = false
      }
      return rule
    })
    // Important: return the modified config
    return config
  }
}

И, если у вас уже есть проблема, вы можете добавить ее в свой package.json

извлечено из: https://github.com/zeit/next.js/issues/1103#issuecomment-294734856

"scripts": {
    "clean_babel": "rimraf node_modules/.cache/babel-loader"
  }

rimraf можно заменить на rm -rf

затем запустите из своего терминала npm run clean_babel

Куски

Поскольку конфигурация assetPrefix в next.config.js не применяется к чанкам, необходимо найти обходной путь.
В настоящее время нет стопроцентного способа, но есть шаг в правильном направлении.

Как описано @callumlocke на github, https://github.com/zeit/next.js/issues/257#issuecomment-321797741

Обновите аспект веб-пакета вашего next.config.js :

module.exports = {
  assetPrefix: '/foo', // affects page bundles and app/commons/vendor scripts
  webpack: (config) => {
    config.output.publicPath = `/foo${config.output.publicPath}`; // affects 'chunks'
    return config;
  },
};

Готовый

Теперь вы готовы к разработке и экспорту без забот.