Vue引入elementUI报错 Unexpected character ‘@’ (1:0)

最新推荐文章于 2024-08-15 22:57:05 发布
最新推荐文章于 2024-08-15 22:57:05 发布
阅读量7.6k 收藏 4
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ijijni/article/details/79156317
版权
在尝试在Vue2.0项目中配置并引入ElementUI时遇到'Unexpected character ‘@’'的问题。按照教程操作仍然报错。解决方法是在main.js中修改引入规则，针对图片和字体文件进行扩展名配置，例如添加.test: /.(png|jpg|gif|svg|eot|woff|woff2|ttf)$/。完成这些修改后，webpack.config.js文件应当更新以匹配新的规则。
摘要由CSDN通过智能技术生成

今天在配置vue2.0引入饿了么的ui时遇到这个问题，原配置教程地址：https://jinkey.ai/post/tech/vue2.0-xin-shou-wan-quan-tian-keng-gong-lue-cong-huan-jing-da-jian-dao-fa-bu

在根据教程做到引入ElementUI时，报错，按照教程设置发现一样报错，这里解决办法：首先，在 main.js 引入并注册时，引入地址已经变了，main.js 需要这样写：

最低0.47元/天 解锁文章
ijijni
关注
专栏目录
vue2 - elementUI报错Error in beforeDestroy hook: “Error: [ElementForm]unpected width详细解决（表单form组件、其他组件
高级前端工程师
07-23 2815
vue2，elementui，报错，Form表单，el-form，element中el-form-item设置label-width=‘auto‘报错，如何解决这个问题，设置固定宽度了还是报错，auto，出错，vue报错Error in beforeDestroy hook: "Error: [ElementForm]unpected width " | Error: [ElementForm]unpected width，未插入宽度，未嵌入宽度，vue2的ElementUI的form表单报错，只能用固定值
Module parse failed: Unexpected character ‘@‘ (1:0)
小米人的博客
09-15 3527
react引入antd的样式时，解析不了@ 原因：include的原因 { test: /\.(css|less)$/, // include: path.resolve(__dirname, './src'),// 这里会直接到 src 文件下找 less/css 文件进行编译，这里是项目优化的一个小技巧 use: [ { loader: MiniCssExtractPlugin.loader, options: {
Unexpected character ‘@‘ (242:0) File was processed with these loaders:
m0_50518517的博客
08-04 236
原因我不太清楚，但是我知道我改了哪里。biuld下webpack.base.config.js 我猜测可能是没引用之类的 下边是我的配置 var path = require('path') var utils = require('./utils') var config = require('../config') var vueLoaderConfig = require('./vue-loader.conf') const VueLoaderPlugin = require('vue-loader/
处理JSON数据时遇到的解析错误：“Unexpected character (`“`)”
最新发布
wenxuankeji的博客
08-15 1109
处理JSON数据时遇到的解析错误：“Unexpected character (`"`)”
Unexpected character '@'
iunk的博客
11-06 4708
antd-design-vue按需引入报错如下： Unexpected character ‘@’ 解决方法： 将.babelrc 里面的style 改为 false "plugins": [ [ "import", { "libraryName": "ant-design-vue", "libraryDirectory": "...
Module parse failed: Unexpected character '@' (1:0)
Distance的博客
12-23 1万+
webpack4.41.2打包引入less文件时候提示如下错误 最后检查原因发现是在wepack.config.js文件中少东西了
Module parse failed: Unexpected character '@' (10:8)
小方块的世界
03-27 1万+
问题出在哪？？ 学习es6的decorator时，由于不兼容需要安装babel-plugin-transform-decorators-legacy "babel-plugin-transform-decorators-legacy": "^1.3.4", 安装完成后配置.babelrc文件 { "presets": ["es2015"], "plugins": ["transform...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我...
Vue引入echarts报错Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“
weixin_36106791的博客
07-15 2829
问题出现场景 今天在vue中引入echarts时，运行报错 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'getAttribute' of null】 ## 问题排查 在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的，代码如下： var myChart = echarts.init(this.$refs.map)
使用vue-class-component @Component时，Module parse failed: Unexpexted charactor ‘@‘
XUANEER的博客
02-10 1439
问题描述 vue2+ts项目中，使用vue-class-component装饰器之后，webpack编译报错：‘Module parse failed: Unexpexted charactor ‘@’’ // App.vue <template> <div> {{ username }} </div> </template> <script> import Vue from 'vue' import Component f
vue todos.less错误解决:Module parse failed: Unexpected character '@' (1:0)
lhl_liang的博客
09-18 3723
错误信息如下： Failed to compile. ./src/assets/todos.less Module parse failed: Unexpected character '@' (1:0) You may need an appropriate loader to handle this file type. | @input_color: #e6e6e6; | @input_fo...
Module parse failed: Unexpected character '@' (1:0) You may need an appropriate loader to handle thi
DiegoBrother的博客
06-12 1万+
在用webpack4打包less文件的时候出现了这个问题，无法解析这个文件，后面认真百度和查看代码发现，在webpack.config.js文件里的正则表示里少了这个，如下图，加了这个就可以了。 ...
前端项目构建报错Unexpected character ‘@‘解决
西凉的悲伤博客
09-17 4394
我在引入bootstrap的css文件后构建项目出现如下报错： ERROR in ./src/util/bootstrap/bootstrap.min.css Module parse failed: D:\eclipseWorkspace\mbos\mbos-portal\webContent\src\util\bootstrap\bootstrap.min.css Unexpected character '@' (1:0) You may need an appropriate loader to h
[报错]unexpected character `�`
qq_56352725的博客
01-12 1531
由于复制粘贴代码时出现了格式问题，或者代码中使用了特殊符号（如特殊字符或描述符），这些符号不能被解释器识别，导致了解释器语法错误。2. 如果是复制粘贴的代码，可以尝试在编辑器中重新输入代码，确保每个字符都是规范的。1. 建议检查代码文件中的每一个字符，查看是否有任何不规范的字符。
错误：Module parse failed: Unexpected character '�' (1:0) You may need an appropriate……解决办法
热门推荐
qq_29018891的博客
04-01 5万+
暴露错误 今天在使用vue-element-admin做项目时发现引入图片出现下面错误。 Module parse failed: Unexpected character '�' (1:0) You may need an appropriate loader to handle this file type. (Source code omitted for this binary file)...
webpack报错：Module parse failed: Unexpected character '�' (1:0)解决方法
Ultraman_and_monster的博客
07-23 4万+
在使用webpack 打包图片的时候有时候会出现上面这种情况。 首先考虑有没有 npm install url-loader npm install file-loader 一般引入了就可以使用了。但是如果报出Module parse failed: Unexpected character ‘�’ (1:0)这个错误。 你就先试一下 webpac...
uniapp代码运行到微信小程序报unexpected character ` `
qq_44367273的博客
11-03 2809
用uniapp写的小程序，在h5预览正常，在小程序预览时点击按钮发现导航栏跳到了目标页面，但内容没变，同时控制台报目标页面有unexpected character ``
vue.wxml报错unexpected character `@`
06-04
抱歉，您提供的信息不够详细，我无法判断具体的错误原因。不过根据您提供的信息，我猜测您是在使用 Vue.js 的时候遇到了这个问题。 Vue.js 中使用的模板语法是类似于 Mustache 的双大括号语法，即 `{{ expression }}`。如果您的 wxml 文件中使用了 `@` 符号，那么可能是因为您误将 Vue.js 的语法写成了其他框架的语法，导致报错。 请检查您的 wxml 文件中是否存在不符合 Vue.js 语法的部分，例如误用了其他框架的语法或者使用了不兼容的语法特性。如果问题仍然存在，请提供更多信息或代码片段以便我更好地帮助您解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值