uni-app vue3+vite项目在nvue页面引入nvue组件真机运行报错

uni-app vue3+vite项目在nvue页面引入nvue组件真机运行报错

操作步骤：

  • 真机运行到安卓报错

预期结果：

  • 正常启动程序

实际结果：

  • [plugin:vite:build-import-analysis] Failed to parse source for import analysis because the content contains invalid JS syntax. You may need to install appropriate plugins to handle the .nvue file format, or if it’s an asset, add “/.nvue” to assetsInclude in your configuration.
    • 09:34:21.826 at pages/video/index.nvue:9:4
    • 7: /
    • 8: 引入评论组件
    • 9: /
    • 10: import douyinScrollview from '@/components/douyin-scrollview/douyin-scrollview.nvue

bug描述：

  • [plugin:vite:build-import-analysis] Failed to parse source for import analysis because the content contains invalid JS syntax. You may need to install appropriate plugins to handle the .nvue file format, or if it’s an asset, add “/.nvue” to assetsInclude in your configuration.
    • 09:34:21.826 at pages/video/index.nvue:9:4
    • 7: /
    • 8: 引入评论组件
    • 9: /
    • 10: import douyinScrollview from '@/components/douyin-scrollview/douyin-scrollview.nvue
  • 真机运行报错，无法启动程序。注释掉真机就可以正常运行

image


更多关于uni-app vue3+vite项目在nvue页面引入nvue组件真机运行报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

douyin-scrollview这个组件是你自己写的吗？ 可以发一个复现项目吗？

更多关于uni-app vue3+vite项目在nvue页面引入nvue组件真机运行报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个问题是因为Vite默认不支持解析.nvue文件的语法导致的。需要在vite.config.js中配置让Vite将.nvue文件作为静态资源处理。

在vite.config.js中添加以下配置：

import { defineConfig } from 'vite'
import uni from '[@dcloudio](/user/dcloudio)/vite-plugin-uni'

export default defineConfig({
  plugins: [uni()],
  assetsInclude: ['**/*.nvue']
})
回到顶部