vite-plugin-mars3d插件最近版本打包问题

最新推荐文章于 2024-07-29 11:18:26 发布
最新推荐文章于 2024-07-29 11:18:26 发布
阅读量537 收藏
点赞数 2
分类专栏： Mars3d 文章标签： webgl 前端 javascript chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_69803146/article/details/140016134
版权

最新vite和最新mars3d不能打包会出现报错，一般是版本没有匹配，或者是相关的配置文件没有对，

参考我们开源仓库，修改相关的配置文件，

下载基础项目git clone mars3d-vue-project: 在Vue 3.x技术栈下的Mars3D平台 基础项目

看下基础项目打包有无这个错误，如果基础项目没有，参考基础项目的配置修改下相关路径配置

"vite-plugin-mars3d" 常见处理：

  • 如果项目的 package.json 没有 type:"module" ，请使用 "vite-plugin-mars3d":"~3.1.3"
  • 如果项目的 package.json 有 type:"module" 直接用最新版本即可。

 

mianmianwu
关注
专栏目录
vue3+vite - 打包构建报错Top-level await is not available in the configured target environment (“chrome87“,
高级前端工程师
05-18 2903
vue3，vite，Top-level await，build，打包构建，报错，npm run build，vite-plugin-top-level-await，vue3+vite打包报错，vue3 vite项目build打包出错，无法打包，Top-level await is not available in the configured target environment ("chrome87", "edge88", "es2020", "firefox78", "safari13" + 2 ove
在vite中使用mars3d
maqiong1991的博客
03-08 1129
由于vite相比较于webpack在开发环境中巨大的效率提升，于是打算将项目迁移至vite技术栈，之前在vue-cli的项目中使用mars3d需要通过 copy-webpack-plugin 来处理cesium的一些静态资源依赖。像下面这样。 [ // 标识cesium资源所在的主目录，cesium内部资源加载、多线程等处理时需要用到 new webpack.DefinePlugin({ CESIUM_BASE_URL: JSON.stringify(cesiumRunPath) }
记录：vite打包报错 error during build: Error: Parse error @:1:1
最新发布
榴莲不好吃的专栏
07-29 543
网上搜索了下，没找到解决方案，找了个梯子去外面查了一圈，有人也遇到了类似的问题，打包的时候遇到import.meta.env会崩溃，于是，将页面中的打印的 “import.meta.env”相关代码去掉，再次打包就没问题了，虽然不知道为什么，但确实没问题可以了。但是打包就会报如下错误：error during build: Error: Parse error @:1:1。一直以为是vant的问题，各种升级，替换插件，发现没什么用，vant从3升级到4后，本地运行没问题，
vite+vue3 引入Mars3D
w1314_1314的博客
06-13 349
遇到的问题 在自己项目集成Mars3D的时候 使用的官网推荐的插件来集成的时候疯狂报错 项目直接崩了 运行不起来了 所以采用第二种解决方法。
vite—打包常见问题
m0_37616866的博客
12-15 6402
问题：打包时使用ts校验报错，原因是代码不符合ts校验规范 解决方案： 1. 关闭ts打包校验, 关闭vue-tsc ，修改package.json 2. 修改不符合ts规范的代码, vsCode中划横线的代码 // 方案一 "scripts": { "dev": "vite", // "build": "vue-tsc --noEmit && vite build", "build": "vite build", "serve": "vite prev.
【mars3d+vue2】项目打包报错 error in ./node_modules/mars3d-cesium/Build/Cesium/index.js
m0_53584457的博客
08-12 3115
1、参考 https://gitee.com/marsgis/mars3d-vue-template/tree/master/mars3d-vue2 升级下vuecli到5。2、固定mars3d-cesium版本为1.95，"mars3d-cesium": "1.95.1" 【注意不要^】目前cesium1.96改变了代码打包方式，在vue2项目下会有这个兼容报错问题。当第二种方法不行时，可以试试第一种，如果不行，那就只能第三种了。我个人认为第二种方法还不错，但是也有可能问题解决的不彻底，...
vite-plugin-ssr-ssg:适用于SSR和SSG的Vite插件
03-25
vite-plugin-ssr-ssg 适用于跨框架SSR和SSG的Vite插件 :sparkles: 特征 声明式入口点 适用于跨框架的简单命令 方便的设置脚本 自动页面生成 在SSR和CSR中预览 :dizzy: 快速开始 在您的项目中 yarn add -D vite-...
vite-plugin-vue-i18n:Vue I18n的快速插件
04-09
:globe_with_meridians: @ intlify / vite-plugin-vue-i18n Vue I18n的Vite插件 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的...
vite-plugin-eslint::police_car_light:ESLint插件了解
05-07
vite-plugin-eslint 用于vite的ESLint插件。 安装 npm install vite-plugin-eslint --save-dev # or yarn add vite-plugin-eslint --dev 用法 import { defineConfig } from 'vite' ; import eslintPlugin from '...
vite-plugin-resolve-externals:vite插件解析外部
03-04
vite-plugin-resolve-externals vite插件解析外部 用法 安装 npm i -D vite-plugin-resolve-externals 通过参数传输使用支持设置，还支持在解析中配置外部项目 // vite.config.js const resolveExternalsPlugin = ...
vite-plugin-html-template:用于Vite的html模板，例如用于Webpack的HtmlWebpackPlugin
04-07
vite-plugin-html-template 用于ViteHTML模板，例如用于Webpack的HtmlWebpackPlugin 动机 Vite需要html作为入口文件，这意味着对于SPA我们必须具有projectRoot / index.html，对于MPA必须具有projectRoot / src / ...
vite打包遇到的错误
weixin_45041493的博客
08-20 508
2.将package.json中的bulid后面写成“vue-tsc --noEmit --skipLibCheck && vite build”
vite 项目打包时出错
虎康的博客
03-17 4118
文件 package.json 中的 build ， 从。是因为这个vue-tsc打包对ts进行了类型检查，, 解决打包过程中语法检测。关闭打包时的语法检测。
mars3d打包发布到线上的时候提示报错:als(...)ls(...)l is not a function排查思路
m0_69803146的博客
07-19 192
请将 mars3d-cesium 库升级至 v1.119 及以上版本 117的修改方式
vue3 vite打包报错 node_api_throw_syntax_error+175743
weixin_47092531的博客
02-29 664
1.安装插件 npm install -g increase-memory-limit。修改 package.json文件下scripts中的build。2.在项目目录执行increase-memory-limit。解决方案二（建议使用）
[mars3d] 创建vite项目，集成mars3d
m0_53584457的博客
06-17 722
第一步：创建vite项目，并确保成功运行 vite 官网 没有npm包的需要安装npm；输入命令，创建vite项目；并确定项目能运行成功 第二步：集成mars3d获取 Mars3D SDK类库 【mars3d的官网教程】 集成mars3d 【mars3d的官网教程】 修改 vite.config.ts 配置 红色框框是新添加的参数 以上操作执行结束之后再好在重装下依赖 - npm install第三步：创建地球 问题 ： 如果地球没有加载出来，有可能是 mars3d-contai
vue3.0+vite+ts build打包报错问题汇总
Cocoon_Xu的博客
02-29 4762
一、打包报错问题：Did you mean to enable "allowJs" option?解决方法：tsconfig.json文件中，“compilerOptions”配置"allowJs": true||===================================================================||二、打包报错问题：Property ‘ ‘ does not exist on type ‘never‘解决方法：将 package.json 文件中的 "bu
vite项目本地打包以后预览报错
weixin_43773663的博客
02-10 1218
进入打包后的文件夹，打开终端!简单解决办法： 全局安装服务支持 http-sever ，安装后若不配置环境变量，需要使用http-server命令，也可以自己去配置环境变量，此处省略配置方法。vite创建的项目，打包后的文件本地预览报错，原因是file文件不支持import，需要开启个服务。http-server -p 8090 // 8090为自己设置的端口号，不要跟之前打开的冲突即可。输入下方命令行，开启一个服务，端口号设置不冲突即可。
import { vitePluginMars3d } from 'vite-plugin-mars3d';
07-08
您好！感谢您的提问。关于导入vite-plugin-mars3d插件的问题，您可以按照以下步骤进行操作： 1. 首先，确保您已经在项目中安装了vite和vite-plugin-mars3d。您可以使用以下命令进行安装： ``` npm install vite vite-plugin-mars3d ``` 2. 然后，在您的项目代码中，使用以下语法进行插件的导入： ```javascript import { vitePluginMars3d } from 'vite-plugin-mars3d'; ``` 请注意，这里的导入语法是基于ES6模块的导入规范。 3. 最后，您可以在vite配置文件（vite.config.js）中将插件添加到vite的插件列表中，以启用该插件。例如： ```javascript import { vitePluginMars3d } from 'vite-plugin-mars3d'; export default { // ... plugins: [ // 其他插件... vitePluginMars3d() ], // ... } ``` 这样，您就成功导入并启用了vite-plugin-mars3d插件。 希望以上信息能够对您有所帮助！如果您有任何其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值