vue-component_编程技术问答社区_程序员问答知识库

以下是关于 vue-component 的编程技术问答

注意:在将其标记为重复之前，我已经查看了一些解决方案，它们不起作用: [1] [2] https://github.com/gaearon/reaect-hot-loader/blob/master/master/docs/troubleshooting.md#syntax-error-eror-eror-nocret-token--token--token-- li> 这里有几个其他Unexpected token .我尝试使用包括单文件组件和热重载的VUE-LOADER的标准配置模板，但是当我尝试运行服务器时，我会收到此错误: ... ERROR in ./static/js/components/sidebar.vue Module parse failed: /srv/zulip/static/js/components/sidebar.vue Line 1: Unexpe

0 2023-12-01 编程技术问答社区 javascript webpack webpack-dev-server vuejs2 vue-component

WebPack不加载Vue的单个文件组件CSS

Header

0 2023-12-01 编程技术问答社区 vue.js webpack vue-component webpack-dev-server

您如何将外部HTML模板动态导入和解析为VUE组件?

tl; dr: 将骨干/jQuery应用程序转换为VUE 3.有400多个HTML模板文件用于不同的视图.希望能够以原始格式动态地解析这些HTML模板，而无需进行重大重写.还希望能够将模板引用添加到HTML中的VUE组件中，并具有Vue Parse. 原始问题如何在VUE组件中定义外部或动态HTML模板(例如MyVueTemplate.html)? 类似(伪代码): export default { name: "MyComponent", template: import(`@/views/${this.html_id}.html`), props: { html_id: String, }, components: { } }; 一旦工作起作用，我需要能够使temp.html包含标签以

0 2023-12-01 编程技术问答社区 vue.js webpack vue-component vuejs3 webpack-4

[Vue warn]: 安装组件失败：模板或渲染函数未在Webpack 4中定义

我升级到webpack和相关依赖项后，我开始遇到此错误:[Vue warn]: Failed to mount component: template or render function not defined. 这是我的package.json>和webpack.config.js之前和之后的相关片段: 升级之前: package.json { "dependencies": { "vue": "^2.5.0", "vue-template-compiler": "^2.5.0" }, "devDependencies": { "babel-core": "^6.9.0", "babel-loader": "^6.2.4", "babel-plugin-external-helpers": "^6.22.0", "babel-plugin-transform-es2015-block-scoping"

0 2023-12-01 编程技术问答社区 webpack vuejs2 vue-component vue-loader webpack-4

通过WebPack的全局VUE组件曝光

基本上，我正在尝试为MVC项目制作混合结构.前端框架将由WebPack和Vuejs管理.但是，经过数周的修补并与Vue一起拾取适当的WebPack知识，我一直无法实现我想做的事情. 就在上面的是项目结构，但特别是webpack层. WebPack文件夹将首先由WebPack包装到wwwroot/dist文件夹中，该文件夹最终会这样; 从这里开始，我们将能够将捆绑包导入MVC视图的主要布局中，然后我们可以将vue内联应用到每个视图.这样做的目标是我们可以首先，捆绑样式和常用的JS库带有WebPack 能够在能够创建块结构的同时使用Vue和Vue的组件(0.js，1，2 ....) 由于2，我们将能够倾斜到CSR(客户端渲染). 这是我的webpack.config.js供参考. const path = require('path'); const webpack = require('webpack'); const MergeIntoSingleFi

0 2023-12-01 编程技术问答社区 webpack vue.js vue-component

如何以组件样式预加载变量

因此，我成功地配置了用于加载组件中的SCSS样式的WebPack. 我使用一个，它进行得很好. 我在webpack安装中使用了vue-cli. 但是我需要从那里打电话给我的一些SCSS变量，所以我想我需要一种预紧力? 有没有在每个组件中不必@import的方法? 解决方案您需要sass-resources-loader. 该解决方案在Vue-Loader的 ps:实际上，已将其作为一个问题进行了讨论.您可以检查讨论

0 2023-12-01 编程技术问答社区 webpack sass vue.js vuejs2 vue-component

如何在VueJs中添加动态/异步/延迟组件

我想根据某些条件在父母成分中添加子组件. 我已经想到了以下伪代码 If currentView == 'a' load component A1 load component A2 ElseIf currentView == 'b' load component B2 load component B3 我知道我们可以在父组件中注册所有组件，例如: Vue.component('a1-component', require('./A1Component.vue')); Vue.component('a2-component', require('./A2Component.vue')); 但是我有很多这样的孩子组件，我只需要在需要时加载所需的组件.因此，加载所有组件最初都是开销. 我尝试过 /a> and 我正在使用Laravel 5.4，Vuejs 2.3.3和WebPack. 解决方案您可以将异步组件和动态导入结合起

0 2023-12-01 编程技术问答社区 laravel webpack vue.js vuejs2 vue-component

[Vue warn]：找不到元素 - 呈现的是空容器

我正在尝试学习VUE 2框架，并且我遇到了这个错误.我有以下脚本负责我的应用程序功能: main.js import Vue from 'vue' import VueRouter from 'vue-router' import VueResource from 'vue-resource' import App from './App.vue' import Posts from './components/Posts.vue' import Routes from './routes/routes' Vue.config.productionTip = false Vue.use(VueRouter) Vue.use(VueResource) const router = new VueRouter({ routes: Routes }) new Vue({ el: '#app', router: router, render: h => h(A

0 2023-12-01 编程技术问答社区 javascript webpack vuejs2 vue-component vue-router

编译JS文件时的WebPack问题

我正在从事一个Laravel 5.3项目，直到我尝试为ES6添加一些配置之前，我一直在使用WebPack.其中包括我的NPM模块的Addind Babel包.它打破了我的代码，因此我恢复了所有更改，但是现在，每当我更改JS文件并编译时，该行都会添加到最终的JS文件中，并且会导致VUE实例不确定(每当我运行是否gulp时，该行都会出现是否更改文件).我正在使用此软件包laravel-elixir-vue-2，从我收集的内容(尽管我可能错了)我确实需要更多的配置才能成功运行它，因为我一直在使用它几个月. /***/function(模块，导出){ 124 125 eval(" var g; \ r \ \ n \ r \ n//这都在非 - 图片模式\ r \ ng =(function(){return this;})(); \ r \ n \ r \ ntry中起作用{\ r \ n \ t//如果允许eRET(请参阅csp)\ r \ n \ tg = g ||函数(\" ret

0 2023-12-01 编程技术问答社区 javascript laravel webpack vue.js vue-component

在Vuejs 2中使用bootstrap-dateetime picker

我想将DateTime Picker与VUE 2或WebPack集成.我尝试搜索，但找不到相关文章.是否有人将DateTime Picker与VUE2或WebPack集成，是否有任何示例代码可供参考?任何帮助都将不胜感激. 谢谢. 解决方案您可以通过Google Google vuejs bootstrap datetimepicker肯定找到有关该主题的一些问题，但是老实说，我不确定Vuejs是否可以很好地使用Bootstrap，这些bootstrap已经有自己的(jQuery)逻辑. 有 vuestrap 项目，但它可以与Vue1一起使用，请参阅他们的 datepicker . 这个叉子应该支持VUE2，但我无法确保其质量.但是，如果您想自己做，它可以为您提供一些启发，即如何整合datepicker，请参阅 datepicker代码. 如果您不介意使用其他datepicker，我会建议其他一些可以集成到您的项目的小问题: vue-bulma → demo

0 2023-12-01 编程技术问答社区 webpack vue.js vuejs2 datetimepicker vue-component

vue.js/webpack不创建构建文件?

这可能是一个愚蠢的问题，但是到底是什么. 我正在使用vue-cli webpack-simple模板，在此项目的WebPack配置中，我找到了以下内容: output: { path: path.resolve(__dirname, './dist'), publicPath: '/dist/', filename: 'build.js' }, 虽然没有构建文件.运行WebPack服务器时，我可以通过浏览器访问文件. build.js文件仅在运行WebPack开发服务器时可用吗? 这是定义runtime vs standalone的原因吗?即使在审查了文档后，我仍然感到困惑. 我需要一个编译的文件，因为我试图发布一个转录的文件将我的软件包发布到NPM. 欢呼. 解决方案运行 npm run build 将创建一个包含build.js的目录. 您可以看到可在package.json中运行的脚本. web

0 2023-12-01 编程技术问答社区 webpack vue.js vuejs2 vue-component

Vue.js的道具img src与webpack的别名绑定（@）。

我的VUE应用程序，与别名进行IMG-SRC绑定.它运行直接使用. 但是，此代码使组件，别名无法解决. export default { name: 'Button Card', props: { src: { type: String, }, }, }; 使用组件构建结果html: WebPack别名定义配置

0 2023-12-01 编程技术问答社区 javascript webpack vue.js vuejs2 vue-component

在WebPackEmptyContext上找不到模块'../assets/logo.png'

我试图使用道具将图像URL加载到组件中，但似乎需要接受任何变量.但是，如果我需要纯文本作为参数，则可以正常工作这个给出了错误在WebPackEmptyContext上找不到模块'../assets/logo.png' (在./src/component 评估 {{imagelink}} export default { name: "ImageTest", props:{

0 2023-12-01 编程技术问答社区 vue.js webpack vue-component

是否可以使用`require.context`对WebPack进行动态导入?

我当前正在使用require.context加载我的所有.vue没有文件名结尾的组件，Async . const loadComponents = (Vue) => { const components = require.context('@/components', true, /\/[A-Z](?!\w*Async\.vue$)\w+\.vue$/); components.keys().forEach((filePath) => { const component = components(filePath); const componentName = path.basename(filePath, '.vue'); // Dynamically register the component. Vue.component(componentName, component); });

0 2023-12-01 编程技术问答社区 javascript webpack vue.js vue-component dynamic-import

从资产变量中使用图像src

我最近对图像有问题.一切都可以，直到您必须在页面上显示图像列表. 问题在于，当我们直接使用硬编码字符串的图像给出src时，它可以与~/assets/any-image.png之类的URL一起使用.但是，如果我尝试将URL移动到任何变量/对象/数组中，则必须指定包含URL的:src="myVariable". 例如: Problem with images export default { data () { return { image: { url: '~/assets/icon.png', type: 'asset'

0 2023-12-01 编程技术问答社区 javascript vue.js webpack vue-component vue-cli

[VUE警告]:未知自定义元素:＜Router -view＞ - 您是否正确注册了组件?

我在CLI模式下使用webpack-simple使用VUE 2.我有以下文件: main.js: import Vue from 'vue'; import App from './App.vue'; import VueRouter from 'vue-router'; import Routes from './routes'; Vue.use('VueRouter'); const router = new VueRouter({ routes: Routes, }); new Vue({ el: '#app', render: h => h(App), router: router, }); app.vue: import Loader fro

0 2023-12-01 编程技术问答社区 vue.js webpack vue-component vue-router vue-cli

解析"属性'vue'不存在"错误

我正在使用与Vuejs一起使用TypeScript来构建应用程序.我有几个独立的组件(.vue)文件，这些文件将导入到打字稿(.ts)文件中.在打字稿文件中，我正在从NPM VUE库中导入VUE，然后创建一个新的VUE来显示我的组件.我看到的错误是: 属性x在类型'vue' 上不存在我的构建系统是带有TSC的WebPack.为什么我会遇到此错误?如何解决? main.ts import Vue from 'vue'; import Competency from '../components/competency.vue'; new Vue({ el: "#app", components: { 'competency': Competency }, data:{ count: 0 }, methods:{ initialize: function(){ this.count = count + 1;

0 2023-12-01 编程技术问答社区 typescript webpack vue.js vuejs2 vue-component

如何将SASS/SCSS与最新的Vue-CLI入门项目一起使用?

我需要在项目中使用SASS或SCSS. 我使用vue-cli制作了最新版本的入门项目. 任何人都在使用WebPack的最新入门项目中使SASS/SCSS工作取得成功? 解决方案您安装了必要的依赖项 npm install -D node-sass sass-loader 对于全局样式，只需将文件导入main.js: import './styles/my-styles.scss' 在.vue文件中，将lang添加到元素中. 如果使用webstorm: 其他解决方案作为@vue/cli-service": "^3.9.0"的最新文档，首先需要安装两个NPM DEV依赖项，即SASS，SASS-LOADER sass npm install -D sass-load

0 2023-12-01 编程技术问答社区 webpack sass vue.js vuejs2 vue-component

在laravel中安装vue 3.0

有没有办法将VUE 3.0安装到Laravel 8?当我运行时 npm install vue@next 它开始安装VUE 3.0，但是由于某种原因，它也开始安装vue-template-compiler v2.6.12.出现以下内容: Additional dependencies must be installed. This will only take a moment. Running: npm install vue-template-compiler --save-dev --production=false ，然后我运行 npm run dev 出现以下错误: vue@3.0.0(c:\ wamp64 \ www \ vue-sample \ node_modules \ vue \ index.js) vue-template-compiler@2.6.12(c:\ wamp64 \ www \ vue-sampl

0 2023-12-01 编程技术问答社区 laravel vue.js webpack vue-component vuejs3

如何在vue.js中创建多个.env?

我被困在vue.js中，如何管理多个服务器，例如本地，开发和生产? 解决方案您可以为不同环境创建不同的.env文件 .env.development，.env.staging和.env.production在您的软件包中. "scripts": { "build-dev": "vue-cli-service build --mode development --modern", "build-stage": "vue-cli-service build --mode staging --modern", "build-prod": "vue-cli-service build --mode production --modern", } 有关详细信息，请访问此doc

0 2023-11-29 编程技术问答社区 vue.js environment-variables web-config vue-component vue-cli

首页
<
1
2
3
4
5
6
7
8
>
尾页