vue.js - 如何在 Nuxt 项目中设置 NativeScript Vue 代码共享项目
问题描述
我尝试使用 nativescript-vue-cli-plugin 在现有 Nuxt.js 项目中设置代码共享 NativeScript 项目。不幸的是,插件在安装后给我留下了几个错误。
Nativescript Vue 似乎将所有组件文件解析为 nativescript 模板(当然失败了)。我可以将“web”属性附加到
<template>
我的项目中的每个,但是当我这样做时,nuxt 不再解析它们。如何实现 Nuxt 使用<template web>
模板?Webpack 无法解析某些模块。例如,我想导入一个位于
@mdi/font/css/materialdesignicons.css
. Webpack 似乎将其视为./@mdi/font/css/materialdesignicons.css
并且无法解决它。我该如何修改这个工作的 webpack 配置?我用于 Web 版本的模块 compile-sass 会引发错误,因为它无法解析“child_process”。当我将它与 nuxt 一起使用时,不会出现该错误。我发现了一个在其他情况下解决此问题的问题,但该解决方案对我不起作用。
除非我
tns preview
直接运行 etc 而不是npm run preview:ios
etc,否则 Nativescript 在项目根目录中找不到 nsconfig.js 中定义的 main.native.json 文件。这意味着它必须对npm run setup-webpack-config
命令做一些事情。
其中一些问题对我的设置非常具体,因此我们将不胜感激有关如何在 Nuxt 项目中使用 Nativescript 代码共享的更通用指南。
解决方案
推荐阅读
- jquery - 在规则中使用 php 会话值进行自定义 jquery 验证
- html - HTML导航栏空白问题
- kubernetes - minio direct-csi 与版本“storage.k8s.io/v1”中的种类“CSIDriver”不匹配
- file-upload - 允许在 Media-Wiki 中上传任何文件类型?
- javascript - 如何在不同文件的函数中使用来自文件的函数中的变量
- jquery - 如何使用jQuery在发票中使用计数总行实现计数总折扣值和总gst值
- java - Java 数据库连接失败,预期响应
- python - 如何向 DateEntry 添加其他值?
- ruby-on-rails - Rails 设计-jwt 会话存储
- javascript - 根据选择输入更改链接 URL