上述问题是由于在 ./node_modules/cesium/Source/ThirdParty/zip.js 文件中使用了 import.meta 语法,webpack 默认不支持,在进行项目构建时,会报如下错误,提示信息需要添加 loader。
1、安装 loader
npm install @open-wc/webpack-import-meta-loader --save-dev
或者
yarn add @open-wc/webpack-import-meta-loader --dev
2、在vue.config.js中plugins[…]后面添加
module: {
unknownContextCritical: false,
rules: [
{
test: /\.js$/,
enforce: 'pre',
include: path.resolve(__dirname, 'node_modules/cesium/Source'),
sideEffects: false,
use: [
{
loader: 'strip-pragma-loader',
options: {
pragmas: {
debug: false
}
}
},
{
loader: '@open-wc/webpack-import-meta-loader'
}
]
}
]
}
在运行就能正常展示