安装Vue-cli踩的大坑(Failed to compile. ./src/components/HelloWorld.vue Module Error (from ./node_modules)

最新推荐文章于 2024-07-31 10:45:42 发布

温柔先生

最新推荐文章于 2024-07-31 10:45:42 发布

阅读量2.9w

点赞数 5

分类专栏： JavaScript错误处理

本文链接：https://blog.csdn.net/weixin_43623808/article/details/103813402

版权

JavaScript错误处理专栏收录该内容

8 篇文章 1 订阅

订阅专栏

报错

在这里插入图片描述
之前上百度搜索看都是说我vue-loader没安装，但是还好被明眼人点醒了

解决方案基于vue-cli4.xx版本

但是我对比了vue-cli3.1.2的版本，也同样可以解决问题
原因是开启了严格模式，报错都是你的空格间距有问题，需要在package.json下删除：
在这里插入图片描述
或者vuecli2在config中index.js中将useEslint设置为false
vuecli3以上的在vue.config.js中设置false

lintOnSave: false,

    devServer: {

        overlay: {

            warning: false,

            errors: false

        }

    },

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

温柔先生

关注关注

5
点赞
踩
20

收藏

觉得还不错? 一键收藏
6
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【异常】Jenkins执行前端项目Npm构建时，出现报错This dependency was not found: vue-class-component in ./node_modules/vu

本本本添哥

04-22

2246

vue-class-component是一个用于类式Vue组件的TypeScript装饰器。它允许您将Vue组件定义为类，这可以使您的代码更有组织性和易于阅读。

vue-cli脚手架项目构建以及按需引入antd

weixin_47783830的博客

10-25

1343

安装vue-cli npm install vue/cli -g 查看vue版本注意：V要大写 vue -V 如果下载速度太慢，可以使用cnpm淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 此时下载出来的应该是2.9.6版本的脚手架 vue项目创建分为两种 vue-cli2 vue init webpack name vue-cli3 vue create name 一.CLI.

6 条评论您还未登录，请先登录后发表或查看评论

Failed to compile../src/views/sagc/component/EchartLine.vue?vue&type=script&lang=js& (./node_modul

u010234868的专栏

11-29

5153

问题产生：项目拉取运行后提示如下。 Failed to compile. ./src/views/sagc/component/EchartLine.vue?vue&type=script&lang=js& (./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./n

ERROR Failed to compile with 1 errors. error in ./src/components/Login.vue.Module Error (from ./no

weixin_49539524的博客

11-08

2440

项目场景：提示：使用Vue CLI做项目时，总是出线这个问题问题描述：使用Vue CLI做项目时，总是出线这个问题。是由于默认开启了严格模式，总是报错空格什么的，很烦人。 28:9 error Missing space before function parentheses space-before-function-paren 29:1 error Expected indentation of 4 spaces but found 8 indent 30:

error in ./node_modules/vue-router/dist/vue-router.mjs“export ‘computed‘ was not found in ‘vue‘

最新发布

m0_60769905的博客

07-31

413

卸载4版本的router 安装指定版本的vue-router即可，可以安装3.5.2 的vue-router（亲测可用）npm自动下载vue-router时下载的是最新版（vue-router版本太高和vue2起冲突了）卸载命令：npm uninstall vue-router。安装命令：npm i vue-router@3.5.2。在package.json中找到。最后重新启动项目即可。

vue 导入组件 Failed to resolve import “@/components/Layout/SideBar“ from “src/views/Layout/LayoutIndex.v

2301_78723800的博客

06-04

1024

原因：直接引入vue组件但没有在vite.config.ts文件配置扩展。方案1、在vite.config.ts文件中添加扩展，保存后重新运行即可。

this could be due to syntax errors or importing non-existent modules 解决方案

分享我的编程经验和学习心得

06-09

5892

方法放到其他文件，解决循环引用问题后，此问题也不再出现。此问题是由于循环引用导致的报错。

Vue项目遇到的报错：Module Error (from ./node_modules/eslint-loader/index.js)

F14867的博客

11-09

5747

Vue项目报错Module Error (from ./node_modules/eslint-loader/index.js)解决方法

Vue 报错之 Syntax Error TypeError this.getOptions is not a function

m0_67394360的博客

03-03

708

Vue 报错之 Syntax Error: TypeError: this.getOptions is not a function 目录 Vue 报错之 Syntax Error: TypeError: this.getOptions is not a function 一、简单介绍二、报错现象三、问题分析四、问题处理一、简单介绍 Vue 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。本节介绍，Vue 运行时报错 Syntax Error: TypeError: this.

ERROR Failed to compile with 4 errors 20:56:02 [eslint] D:\vuejsqimo\devtools-5.1.1\vue_shop\src\components\HelloWorld.vue 5:1 error The template root requires exactly one element vue/no-multiple-template-root ✖ 1 problem (1 error, 0 warnings) You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file. error in ./src/components/HelloWorld.vue?vue&type=template&id=469af010& Module Error (from ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js): (Emitted value instead of an instance of Error) Errors compiling template: Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed.

05-30

这个错误是由于一个 Vue 单文件组件（HelloWorld.vue）中的模板根节点包含了多个元素，而 Vue 要求每个模板只能有一个根节点。你需要将模板中的多个根节点包裹在一个父元素中，或将其中一些根节点转换为子元素。另外...

vue项目报错

weixin_64948861的博客

02-28

1361

ERROR Error loading E:\daima\vue\vue项目\vue-lokoes\project-v2\vue.config.js: ERROR ReferenceError: ture is not defined ReferenceError: ture is not defined at Object. (E:\daima\vue\vue项目\vue-lokoes\project-v2\vue.config.js:3:15) at Mod

vue js报错Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js): (Emitted value

热门推荐

xiaoxiao66668的博客

02-18

3万+

Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js): (Emitted value instead of an instance of Error) Errors compiling template: Component template should contain exactly one root element. If you are using v-if on multiple elements,

Module Error (from ./node_modules/eslint-loader/index.js):解决办法

aaronthon的博客

05-19

2万+

vue启动项目报如下错误： Failed to compile. ./src/components/Vcontent.vue Module Error (from ./node_modules/eslint-loader/index.js): E:\myvue\src\components\Vcontent.vue 4:15 error Parsing error: une...

【vue】vue组件之间相互调用问题处理

有财的博客

05-30

3045

简单来说过就是A组件调用B组件，B组件又调用A组件。把其中一个组件设置为动态引入即可。例如：A组件通过“import”引入B组件。

运行vue项目出现error Newline required at end of file but not found eol-last

qq_44850230的博客

10-16

355

完整错误： Failed to compile. ./src/App.vue Module Error (from ./node_modules/eslint-loader/index.js): C:\Users\14537\vue_proj_01\src\App.vue 44:9 error Newline required at end of file but not found eol-last ✖ 1 problem (1 error, 0 warnings) 1 error a

vue在服务器上刷新报错

王兆镇的博客

05-28

295

伪静态是这样的 location / { try_files $uri $uri/ @router; index index.html; } location @router { rewrite ^.*$ /index.html last; }

Module Error (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templ

m0_48020754的博客

01-06

5929

在uni-app中，遇到这样一个错 Module Error (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js): 13:37:36.067 (Emitted value instead of an instance of Error) 13:37:36.075 Errors compiling template: 13:37:36.083 Compo

2020-11-24

liuxuanxuan1213的博客

11-24

333

Failed to compile.问题 Module Error (from ./node_modules/eslint-loader/index.js): 原因: ESlint代码检测问题解决方案: 在根目录创建vue.config.js文件在文件内关闭检测 module.exports = { lintOnSave: false }

vue 项目打包时遇到的一些问题

小龙狗的博客

01-23

1万+

标志是在v7中引入的，目的是绕过peerDependency自动安装；它告诉NPM忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本modules共存。[1].【前端开发技巧】npminstallxxxx--legacy-peer-deps到底做了些什么。[2].解决高版本npm无法解析依赖树的报错npmi--legacy-peer-deps。[4].node，npm，vue升级到指定版本。...