与使用vue-cli或通过vue-cli创建的项目模板相关的问题
我们的 Vue 应用程序使用 vuetify 作为其组件库,默认情况下使用材料设计图标。要使图标正常工作,唯一需要做的就是导入包含...
vue js 如何在 index.html 中使用“process.env”变量
我正在尝试在我的 html 标记中使用 env 变量,根据我是处于生产模式还是开发模式来更改 env 变量。因此对于使用 mixpanel 的上下文,我有两个项目,一个用于
我使用vue-cli(@vue/cli 4.3.1)创建了一个新项目。当我的一个组件文件(.vue 文件)出现错误时,在 chrome 控制台中我看不到实际的文件/行号。相反,我看到一个文件
vue-cli-service 在使用 <style with lang="scss">
我正在尝试创建一个自定义 SSR 实现,并努力创建我的 webpack 构建的 .vue 单文件组件,其中包括 。 我正在关注...</desc> <question vote="0"> <p>我正在尝试创建一个自定义 SSR 实现,并努力创建我的 webpack 构建的 .vue 单文件组件,其中包括 <pre><code><style lang="scss"></code></pre>.</p> <p>我正在学习 <a href="https://www.youtube.com/watch?v=XJfaAkvLXyU" rel="nofollow noreferrer">https://www.youtube.com/watch?v=XJfaAkvLXyU 上非常有用的教程</a> 并且现在有一个 <strong> 工作原型 - 除非我的 Vue 文件包含 SCSS 代码</strong>.</p> <p>当我运行<pre><code>vue-cli-service build</code></pre>(SSR=1 npm run build)时,构建将失败但是<strong>没有给我任何有用的错误消息</strong>:</p> <pre><code>$ SSR=1 npm run build > [email protected] build > vue-cli-service build ERROR Error: Build failed with errors. Error: Build failed with errors. </code></pre> <p><strong>有没有办法接收包含更多详细信息的错误消息?</strong></p> <p>通过反复试验我发现,一旦我从组件中删除<pre><code>lang="scss"</code></pre>,构建就会成功。 我想我必须以某种方式实现一个 SCSS 加载器,这是我在旧的 webpack 集成中所做的。但是它在这里实现的方式以及缺乏有用的错误消息我不太清楚,如何配置<pre><code>vue.config.js</code></pre>.</p> <p><strong>vue.config.js</strong></p> <pre><code>const { WebpackManifestPlugin } = require("webpack-manifest-plugin"); const nodeExternals = require('webpack-node-externals'); exports.chainWebpack = (webpackConfig) => { if (!process.env.SSR) return; webpackConfig .entry('app') .clear() .add('./src/ssr/main.server.js'); webpackConfig.target('node') webpackConfig.output.libraryTarget('commonjs2') webpackConfig .plugin('manifest') .use(new WebpackManifestPlugin({ fileName: "ssr-manifest.json" })); webpackConfig.externals(nodeExternals({ allowlist: /\.(css|vue|scss)$/ })); webpackConfig.optimization.splitChunks(false).minimize(false); webpackConfig.plugins.delete('hmr') webpackConfig.plugins.delete('preload') webpackConfig.plugins.delete('prefetch') webpackConfig.plugins.delete('progress') webpackConfig.plugins.delete('friendly-errors') //console.log(webpackConfig.toConfig()); } </code></pre> <p><strong>带有<pre><code><style lang="scss"></code></pre>属性的Vue文件:</strong></p> <pre><code><template> <h1>Hallo {{ name }}</h1> <div> <button @click="increment()">{{ count }}</button> </div> <ChildComponent /> </template> <script> import ChildComponent from './ssr-test-child.vue' export default { props: { name: { type: String, required: true, } }, components: { ChildComponent }, mounted() {}, data() { return { count: 0 } }, methods: { increment() { this.count++; } }, } </script> <style lang="scss"> button { color: red; } </style> </code></pre> </question> </body></html>
Vue-cli in [eslint] Cannot read properties of undefined (reading 'type') 错误
我安装了Vue cli。我正在运行 npm run serve 命令,但还没有编写任何代码,但不幸的是我遇到了以下错误。有没有人可以帮忙? 最新版本的 Node Js 是
Vuejs 在 vue router 中添加 transition 后停止渲染组件
Vuejs 在我检查错误时在我的仪表板布局的子路径中添加了一个转换后停止渲染组件没有错误也没有警告但是每当我重新加载...
我在为我的vue项目服务时,在manifest json中得到一个错误,我无法定位。
因此,这是我得到的错误,当我打开我的vue项目......除了我甚至不能找到我的manifest.json,也没有我有一个imgicons文件夹的项目。我不能弄清楚错误是什么,或者如何... ...
在Vue.js项目中添加Tailwind.css后,有些类没有效果。
我试图将Tailwind.css添加到Vue.js项目中。有很多资源如何做到这一点,他们大多遵循相同的路径,这个视频。为了确保我在相同的条件下,在...
当使用src=require()时,Vue.js在webpack中出错 "无法找到模块'.undefined'"。
我试图使用img标签中的src=""从本地文件夹加载图片,但我想使用后台加载。前台已经有了相对路径,即"...assetsimgs "和"..."。
Vuetify似乎在这里定义了它的默认暗色主题,我想用自定义的颜色覆盖其中的一些值。似乎scss是覆盖这个的方法。然而,当我尝试...
我想使用相同的路由路径仪表板,根据用户角色为我的用户加载稍微不同的视图。之前,我已经根据当前域加载了不同的路由:导入......。
我做了一个Vue应用,我用vue-cli-service作为库来构建。"bundle": "vue-cli-service build --target lib --name search_widget \"srccomponentsindex.js\"" 它正在构建 umd.js 文件,然后 ...
一个有点奇怪的问题,但如何从文件chunk-vendors.js中删除注释?我的意思是,那里有自动放置的许可证和其他关于插件的信息,包括vue,vuex,vue-...
我试图创建一个导航,当有人点击时,它应该导航到另一个Vue.component。它应该导航到另一个Vue.component。注:这个应用是基于Electron+Vue的,但它应该像普通的Vue项目一样工作,因为我已经尝试过......
在vue-cli3项目中,我们在建立项目的时候,好像会通过mini-css-extract-plugin把项目自动分成js文件和css文件。但现在我只想要js文件。
在<body>之前添加一个脚本,只在一个组件上添加 - vuejs。
我是vuejs的新手,我开始使用clearsale api来进行验证,想在验证中做一个指纹捕获,需要在页面底部调用一个脚本,只在一个vuejs中使用。
我使用的是Vue Material的一个对话框(https:/vuematerial.iocomponentsdialog)。如果我按照链接打开页面上的第一个自定义对话框,它就会移动到我屏幕的左上方,我可以 ...
无法解析 bundle asset chunk-vendors.js。
我用vue ui创建了一个项目。当我点击服务按钮时,它以一个错误结束。我无法打开我所创建的应用程序,错误是:我使用vue ui创建了一个项目。错误是:我无法打开我创建的应用程序。无法解析 bundle asset "{path}/dist\js\chunk-...
我真的无法获得组件之间的绑定数据。步骤,从Child1组件中获取文本值,在App.vue上执行Add方法,从App.vue上发送测试值,在Child2上做一个v-for列表。