[英]Vue JS NPM Module imported into Component
我正在尝试将 npm package 导入到我的 vue.js 组件中。 具体来说,我正在尝试将 ScrollMagic 导入到我的项目中,但我发现它是未定义的。
我之前看到有人建议它应该在我的mounted() 钩子中,我正在这样做,但是我的import 语句(我在main.js 和components 标记中都尝试过,但都返回了未定义的变量。任何方向都会被赞赏。
我的组件的脚本:
<script>
import { ScrollMagic } from 'scrollmagic';
export default {
name: 'Scroller',
mounted() {
console.log(ScrollMagic);
},
};
</script>
在我的 main.js 中
import Vue from 'vue';
/*
IMPORT STATEMENTS FOR MODULES GO HERE
*/
import sm from 'scrollmagic';
import gsap from 'gsap';
import App from './App.vue';
import './registerServiceWorker';
import router from './router';
Vue.config.productionTip = false;
/*
Usage statement
*/
Vue.use(sm);
Vue.use(gsap);
new Vue({
router,
render: (h) => h(App),
}).$mount('#app');
也许 scrollmagic package 没有导出变量或 function ScrollMagic
,所以它一直未定义?
你有没有尝试过:
import * as ScrollMagic from 'scrollmagic';
// OR
import ScrollMagic from 'scrollmagic';
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.