这里是修改package.json的resolve下的vue的配置，很多人反应这样修改之后就好了，但是我按照这个方法修改之后依然报错。然后我就想到上面提到的render函数，因此我的修改是针对cell.js文件的。
import Vue from 'Vue' import cell from './cell.vue' /* eslint-disable no-new */ new Vue({ el: '#app', render: h => h(cell) })
这里面我用render函数取代了组件的写法，在运行就没问题了。
页面跳转
既然是多页面，肯定涉及页面之间的互相跳转，就按照我这个项目举例，从index.html文件点击a标签跳转到cell.html。
我最开始写的是：
<!-- index.html --> <a href='https://www.jb51.net/cell/cell.html'></a>
但这样写，不论是在开发环境还是最后测试，都会报404，找不到这个页面。
改成这样既可：
<!-- index.html --> <a href='https://www.jb51.net/cell.html'></a>
这样他就会自己找cell.html这个文件。
打包后的资源路径
执行npm run build之后，打开相应的html文件你是看不到任何东西的，查看原因是找不到相应的js文件和css文件。
这时候的文件结构是这样的：
├── dist │ ├── js │ ├── css │ ├── index.html │ └── cell.html
查看index.html文件之后会发现资源的引用路径是：
/dist/js.........
这样，如果你的dist文件不是在根目录下的，就根本找不到资源。
方法当然也有啦，如果你不嫌麻烦，就一个文件一个文件的修改路径咯，或者像我一样偷懒，修改config下的index.js文件。具体的做法是：
build: { env: require('./prod.env'), index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: 'https://www.jb51.net/', productionSourceMap: true, // Gzip off by default as many popular static hosts such as // Surge or Netlify already gzip all static assets for you. // Before setting to `true`, make sure to: // npm install --save-dev compression-webpack-plugin productionGzip: false, productionGzipExtensions: ['js', 'css'], // Run the build command with an extra argument to // View the bundle analyzer report after build finishes: // `npm run build --report` // Set to `true` or `false` to always turn it on or off bundleAnalyzerReport: process.env.npm_config_report },
将这里面的
assetsPublicPath: 'https://www.jb51.net/',
改成
assetsPublicPath: './',
酱紫，配置文件资源的时候找到的就是相对路径下的资源了，在重新npm run build看看吧。