使用vue-cli3引入外部js报错的问题

最新推荐文章于 2024-08-09 16:29:17 发布
最新推荐文章于 2024-08-09 16:29:17 发布
阅读量7.2k 收藏 2
点赞数 1
分类专栏： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24122593/article/details/88015348
版权

最近做的一个移动端，需要使用mui框架，在引入的时候，按照平常的语法，发现总是报错，Uncaught SyntaxError: Unexpected token <

解决办法，将引入的js文件夹，与index.html，放到同一级。

CURRY_zhao
关注
专栏目录
vue-cli3 运行或打包报错: js内存溢出
weixin_43936742的博客
12-08 932
报错信息：FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 解决方法： 第一步： 安装npm包 increase-memory-limit 和 cross-env npm install increase-memory-limit cross-env -g 第二步： 在package.json中添加： "fix-memory-limit": "cross-env LIMIT=4.
vue-cli2静态文件引入
wenxiukeke的博客
09-18 3977
vue-cli2静态文件引入 最近在整一个vue的项目，用的是vue-cli2的框架，由于之前接触了部分，还有很多未知，自己用写一个html页面，整合进vue组件中，频繁报错，主要遇到了几个问题： vue-cli2中单独写的css文件不知道怎么引入。 vue-cli2中单独写的js文件不知道怎么引入。 html内容复制到vue组件的template中报错。 html页面中meta标签不知道放到哪...
vue-cli创建的项目中引入第三方库报错 'caller', 'calle', and 'arguments' properties may not be...
热门推荐
Sophie_U的博客
07-28 1万+
以在vue中引入mui第三方库为例： 虽然针对vue，有单独的vue-mui库可以使用，但因习惯了直接使用第三方库，且单独的mui更全面一点，所以想要作为第三方js库来引用。 问题： 在vue的main.js中引入mui.min.js时，报错。如上，单独在main.js或者任意组件中通过import 方式引入mui时都会报这个错。原因：babel在将js文件转码为ES5时，默认使用严格模式，而在
在vue中 使用require报错
lonerwolfs的博客
06-16 4878
在package.json文件中修改以下 "eslintConfig": { "root": true, "env": { "node": true }, },
vue3+vite+ts 引入静态js，避免使用全局变量报错
最新发布
sinat_37746420的博客
08-09 598
在你的 Vue3+Vite 项目中，通过 HTML 引入一个本地第三方 JS 文件，该文件暴露了一个rap全局变量。
vue3引入three.js
范天缘的博客
06-17 2242
vue3引入three
uni-app 在main.js中导入全局文件报错处理
amihui的博客
03-07 9629
小程序开发公共js，想要在全局导入，结果发现会出现找不到模块的错误。报错如下： Could not find a declaration file for module './static/ajax/ajax.js'. '/Users/mouwx/src/static/ajax/ajax.js' implicitly has an 'any' ty pe. 报错的原因就是因为ts中这些modu...
require引入js vue_抛开vue-cli 利用requireJS搭建一个vue项目
weixin_39564036的博客
12-20 364
---恢复内容开始---现在学习vue都是利用脚手架vue-cli快速搭建一个项目，这是非常高效的方法，我是十分推荐的，但是有时候在没有互联网的情况，我们没办法在node环境下，敲一个nmp install XXX帮我们搭建系统。这边也遇到了这样的情况，记录一下过程，备忘。采用的方式是利用requireJS搭建一个遵循AMD规则的vue项目。关于这一块，大家可以百度一下，查询相关资料熟悉requi...
webpack+vue-cli项目中引入外部非模块格式js的方法
12-07
在Vue.js项目开发中，尤其是基于`vue-cli`构建的项目，我们经常需要引入外部JavaScript库，这些库可能并未以模块化方式导出，而是直接通过`<script>`标签在HTML中引用。当遇到这样的情况时，我们可以借助Webpack来...
vue-cli（vue脚手架）安装 详细教程
m0_54850825的博客
03-03 2140
vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK。 一.安装vue-cli 1、 使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：npm install webpack -g或者（npm install -g webpack），安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。 注意：webpack 4.
vue-cli3打包上线后后台接口404错误（vue-cli3.11版本）
qq_37021104的博客
12-21 4112
vue项目在开发模式时，使用的axios调用的后台接口，而使用axios调用后台接口，需要在vue.config.js中配置proxy代理，否则会出现请求头错误，而设置了proxy代理后，vue项目打包proxy代理就会失效，因为proxy代理并不会一起打包到dist文件夹下，网上的说法都是配置不同环境新建env文件及更换baseurl等，但是我发现这种做法在vue3.11版本中并不适用，直接根据...
require引入js vue_VueJs-动态加载依赖
weixin_39954487的博客
12-20 1503
import命令会被 JavaScript 引擎静态分析// 报错if (x === 2) {import Haorooms from './Haorooms';}解决方案一：require加载因为require是运行时加载模块，import命令无法取代require的动态加载功能。在代码中动态加载依赖，例如下面echart主题，我们可以点击切换的时候，动态加载！require("echarts/...
Vue3 的 Mock 解决：if (!require.cache) { ^ ReferenceError: require is not defined 的问题
狮子座的男孩
12-21 1290
该 **`demo`** 是采用 **`Vue3+Vite+TS`** 的形式，在 **`pnpm install -D vite-plugin-mock mockjs`** 安装 **`mock`** 后，在 **`vite.config.ts`** 中引入 **`mock`** 并配置后，执行项目的过程中报错: **`require 未被定义`**
vue3使用mock插件vite-plugin-mock报错require is not defined解决
weixin_46106673的博客
12-06 480
pnpm run dev 重新启动项目，可以正常运行。在这个文件顶部引入下面两句。
vue3使用mock报错:if (!require.cache) {^ReferenceError: require is not defined
weixin_51293134的博客
08-23 551
VUE3项目中使用mock数据首先安装插件挺正常的。
UniApp：uniapp的导入全局js
rxq134836的博客
09-24 2661
在common文件夹下新建一个js（例如test.js）； test.js： function show(){ console.log("我是测试js"); } module.exports = { show : show } 在main.js内引入： import test from 'common/test.js'; Vue.prototype.test = test; 在页面内引用： this.test.show(); ...
require引入js vue_vue中import和require的用法
weixin_39925813的博客
12-20 4106
其实用了这么久的vue，里面有很多东西都没有去细细整理分析，今天就整理一下Import(模块、文件)引入方式1.引入js文件在用的那一页，引入文件Import tools from ‘./tools.js’相应的js文件，必须暴露出来2.引入组件Import Hello from ‘./components/hello’3.引入外部组件npm install --save axiosnpm ins...
uniapp 引入外部js、css
qq_45787678的博客
04-11 1686
js var script = document.createElement('script'); script.src = "链接"; document.body.appendChild(script); css <style> @import "链接"; </style>
require与import的区别和使用(CommonJS规范和es6规范)
田兴的博客
09-29 7780
CommonJS的由来 在早期没有模块化思想时代码没有很好的编写规范，导致很多代码、逻辑重复、缺乏条理性且不易管理维护，这也让很多开发者头疼不已。随着JavaScript 社区的发展，社区为JavaScript制定了相应的规范，而CommonJS规范的提出得到了大家的承认和广泛的应用，2009年CommonJS就此诞生了。 CommonJS介绍 CommonJS实现了Javascript的模块化规范，规范了模块的特性和各模块之间的相互依赖性，使得代码可以更好的编写和维护，同时提高了代码的复用性。定义每个文件
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值