Android ViewPagerでページが表示されない

ViewPagerでいくつかFragmentを用意してタブで切り替えています。そのFragmentの１つの中にさらにViewPagerでページを構えているのですが、タブを２つ以上離して戻ってくるとページが表示されなくなってしまいます。
恐らくこちらのページで質問されているものと同じ現象だと思います。
https://teratail.com/questions/5601
で、そちらのサイトを参考にしながらやってると解決できたのですが、何がいけなかったのかよく分からずスッキリしません。
変更したのはViewPagerのsetAdapterなどの処理をonStartからonCreateViewに変えたことです。

ソースコード

変更前

public class HomeFragment extends Fragment{

    private ViewPager mViewPager;
    private PagerAdapter mPagerAdapter;

    public static HomeFragment newInstance() {
        return fragment;
    }

    public HomeFragment() {
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_home, container, false);
    }

    @Override
    public void onStart() {
        super.onStart();

        mViewPager = (ViewPager) getView().findViewById(R.id.viewpager);
        mPagerAdapter = new PagerAdapter(getChildFragmentManager());
        mViewPager.setAdapter(mPagerAdapter);
    }

    static class PagerAdapter extends FragmentPagerAdapter {

        private static final int PAGE_COUNT = 5;

        public PagerAdapter(FragmentManager fragmentManager) {
            super(fragmentManager);
        }

        @Override
        public Fragment getItem(int position) {
            SampleFragment sampleFragment = SampleFragment.newInstance(position);
            return sampleFragment;
        }

        @Override
        public int getCount() {
            return PAGE_COUNT;
        }
    }
}

変更後

public class HomeFragment extends Fragment{

    private ViewPager mViewPager;
    private PagerAdapter mPagerAdapter;

    public static HomeFragment newInstance() {
        return fragment;
    }

    public HomeFragment() {
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {

        mViewPager = new ViewPager(getActivity());
        mViewPager.setId(R.id.viewpager);
        mPagerAdapter = new PagerAdapter(getChildFragmentManager());
        mViewPager.setAdapter(mPagerAdapter);

        return mViewPager;
    }


    static class PagerAdapter extends FragmentPagerAdapter {

        private static final int PAGE_COUNT = 5;

        public PagerAdapter(FragmentManager fragmentManager) {
            super(fragmentManager);
        }

        @Override
        public Fragment getItem(int position) {
            SampleFragment sampleFragment = SampleFragment.newInstance(position);
            return sampleFragment;
        }

        @Override
        public int getCount() {
            return PAGE_COUNT;
        }
    }
}

なぜダメだったのか解説よろしくお願いします。