centos7 npm run build报错，window本地打包正常

1、centos7 npm run build报错，window本地打包正常

报错的错误类型可能是如下:

ERROR in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-be1d05fa","scoped":false,"hasInlineConfig":false}!./node_modules/less-loader/dist/cjs.js?{"sourceMap":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=1!./src/pages/App.vue
Module not found: Error: Can't resolve '../../static/openSans-ExtraBold.ttf' in '/root/.jenkins/workspace/katotopage/src/pages'

其实本质上是大小写的问题，可能文件是 XXX.TTF 而 实际代码上是ttf 。因为linux 上是区分大小写的！！对应修改就正常了。希望能帮到你。
注意！，虽然你本地修改了文件名的大小写，但是git 是检测不到的，你在linux上重新拉还是有大小写问题

相关文章：
https://segmentfault.com/q/1010000008304199

2、centos7 安装puppeteer 报错解决办法

同理 centos7 安装prerender-spa-plugin 报错解决办法
如果你是安装不是那就是被墙造成的，你可以：

npm i -g cnpm

然后使用cnpm 进行安装。
当你npm 打包的时候包各种错，可详细查看下面两个文章，安装相关依赖就行。

#依赖库
yum install pango.x86_64 libXcomposite.x86_64 libXcursor.x86_64 libXdamage.x86_64 libXext.x86_64 libXi.x86_64 libXtst.x86_64 cups-libs.x86_64 libXScrnSaver.x86_64 libXrandr.x86_64 GConf2.x86_64 alsa-lib.x86_64 atk.x86_64 gtk3.x86_64 -y

#字体
yum install ipa-gothic-fonts xorg-x11-fonts-100dpi xorg-x11-fonts-75dpi xorg-x11-utils xorg-x11-fonts-cyrillic xorg-x11-fonts-Type1 xorg-x11-fonts-misc -y

然后加上args:

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({args: ['--no-sandbox', '--disable-setuid-sandbox']});
  const page = await browser.newPage();
  await page.goto('https://example.com');
  await page.screenshot({path: 'example.png'});

  await browser.close();
})();

即可。

相关文章：
https://blog.csdn.net/w20101310/article/details/78643752?locationNum=8&fps=1
https://segmentfault.com/a/1190000011382062
https://github.com/GoogleChrome/puppeteer/issues/2834
https://zhidao.baidu.com/question/1604011709956149787.html
https://github.com/GoogleChrome/puppeteer/issues/2834

3、每次npm install 都有配置环境变量解决办法

CentOS添加环境变量
将npm 的bin 目录加到 /etc/profile

如下
修改/etc/profile文件使其永久性生效，并对所有系统用户生效，在文件末尾加上如下两行代码

PATH=$PATH:/usr/local/webserver/php/bin
export PATH

然后要执行 source /etc/profile 修改才生效

4、jenkins 打包tar 之后，报 file changed error Build step ‘Execute shell’ jenkins

jenkins 打包tar 之后，报 file changed error Build step ‘Execute shell’ jenkins ，然后退出了shell 导致自动打包失败。
原因是打的tar包在当前目录下，打包认为还有文件。导致错误。
将要打包的内容和tar.gz 输出分开。（终于成功了）

5、tar 打包当前目录下文件但不包括该录

tar 打包当前目录下文件但不包括该录
比如我想把test目录下文件打个包，安装正常的命令来
tar zcf test.tar.gz test 这样肯定会把test目录也打进去，解压后肯定是test目录，然后是目录下的其他文件，想直接解压后就是目录下的文件，而不想要test目录。

解决方法：
1、进入到test目录下面打包

cd test
tar zcf test.tar.gz *

2、

tar zcf test.tar.gz -C test/ .

注意最后面还有一个点

6 linux 环境下打包webpack 不支持 …/ 这种形式

平时我们更多的是使用相对路径…/ 这种形式，在window 环境下是正常的，到linux 环境就可以了。 注意："~" 是有特殊意义的。
@ 是webpack 上的快捷键 ‘@static’: path.resolve(__dirname, ‘…/static’),
正确形式：

@font-face {
    font-family: LBRITE;
    src: url(~@static/lbrite.ttf);
    font-display: swap;
}

参考链接：
https://www.cnblogs.com/CyLee/p/8438824.html