在vue单页面应用中,我们大概都会使用CommonsChunkPlugin这个插件. 传送门 CommonsChunkPlugin 但是在项目经过本地测试没有任何问题,打包上线后却会报错 webpackJsonp is not defined.这是因为公共文件必须在自己引用的js文件之前引用. 可以手动改文件引用,但是推荐以下解决办法: 找到build→webpack.prod.conf.js→找到HtmlWebpackPlugin插件,添加如下配置即可 chunks: ['manifest',…

ionic升级后发现 ionic serve 跑起来项目出现一下错误: Runtime Error: webpackJsonP is not definedStack: @http://localhost:8100/build/main.js:1:1 你可以参考这样做: rm -rf node_modules <script src="build/vendor.js"></script>在index.html中添加 npm install -g ionic@la…

I'm new to Ionic. I have started project with super template. But when I try to run the app in browser. It throws an error saying: ReferenceError: webpackJsonp is not defined at http://localhost:8100/build/main.js:1:1 解决: This is a breaking change in…

始末: 领导让将最近部署的一部分更改隐藏掉,so,我先不存当前分支内容,创建新分支,在新分支里回滚到上一版本,进行更改操作,一切都么问题,本地vue项目与python项目都运行不报错,但在部署后,报错webpackJsonp is not defined,一开始没注意,重新部署了下,依然这样.就查到网上的资料https://www.cnblogs.com/hcxy/p/7999360.html,依然没用!!! 后来在本地将之前的各种vue版本部署都不行,反而报错   Loading chunk…

用了CommonsChunkPlugin生成了公共文件,但是页面还没有引用这个公共文件 比如下面这个配置 var webpack = require('webpack'); var path = require('path'); var buildPath = path.resolve(__dirname,"build"); // var nodemodulesPath = path.resolve(__dirname,'node_modules'); var config = { /…

解决方法公共模块放前面…

找到build→webpack.prod.conf.js→找到HtmlWebpackPlugin插件,添加如下配置即可 chunks: ['manifest', 'vendor', 'app']…

vue-cli创建项目从单页面到多页面 对于某些项目来说,单页面不能很好的满足需求,所以需要将vue-cli创建的单页面项目改为多页面项目. 需要修改以下几个文件: 1.下载依赖glob $npm install glob --save-dev 2.修改build下的文件 (1)修改webpack.base.conf.js 添加以下代码: var glob = require('glob'): var entries = getEntry('./src/pages/**/*.js') 将modu…

由于项目要做seo优化,而用vue写成的spa页面谷歌浏览器等是抓取不到数据的.介于ssr和预渲染来说,后者相对来说要简单许多.所以采用了预渲染方式.采用插件prerender-spa-plugin使用 第一步:修改配置文件webpack.prod.conf.js 在 const webpackConfig = merge(baseWebpackConfig, {plugins: [ new webpack.DefinePlugin({ new PrerenderSpaPlugin(// Req…

前言: 最近公司项目需要增加seo搜索引擎优化,到网上找了下资料,有预渲染和服务端渲染两种方式,考虑到只需要渲染首页所以我选择了先启用比较简单的预渲染方式来做seo! 步骤: 1.安装 prerender-spa-plugin,使用淘宝镜像安装 cnpm cnpm install prerender-spa-plugin -D -D 表示在开发环境下使用 cnpm 淘宝镜像安装可以避免安装过程无端报错 2.预渲染一定要把路由模式变成history const router = new Route…