极客观点
项目管理
HarmonyOS
在vue项目的public/index.html中import 一个js文件报错:
Failed to load module script: The server responded with a non-JavaScript MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.
index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<script type="module">
import {
getImageMessage2
} from "../src/api/picturepost/picture.js";
import config from '../src/config.js';
let c=config.baseUrl.dev;
console.log(c);
</script>
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title></title>
</head>
<body>
<noscript>
<strong>We're sorry but untitled doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>config.js:
export default {
/**
* @description 配置显示在浏览器标签的title
*/
title: 'xxxxx',
/**
* @description token在Cookie中存储的天数，默认1天
*/
cookieExpires: 7,
/**
* @description 是否使用国际化，默认为false
* 如果不使用，则需要在路由中给需要在菜单中展示的路由设置meta: {title: 'xxx'}
* 用来在菜单中显示文字
*/
useI18n: false,
/**
* @description api请求基础路径192.168.0.221:4327
*/
baseUrl: {
dev: 'http://localhost:54321/',
pro: 'http://localhost:54321/',
defaultPrefix:"api/v1/"
},
authUrl: {
dev: 'http://localhost:54321/api/oauth/auth',
pro: 'http://localhost:54321/api/oauth/auth'
},
/**
* @description 默认打开的首页的路由name值，默认为home
*/
homeName: 'home',
/**
* @description 需要加载的插件
*/
plugin: {
'error-store': {
showInHeader: true, // 设为false后不会在顶部显示错误日志徽标
developmentOff: true // 设为true后在开发环境不会收集错误信息，方便开发中排查错误
}
}
}
我应该如何引入js?
index的html里面还是老老实实用 script标签引用 他不被webpack管理 不会转化es6