Javascript 如何将节点模块导入Vue js文件visual studio
我正在尝试通过VisualStudio和Asp.Net核心项目将npm模块导入vue js文件。因此,根据文档,要添加新的npm包,我们需要附加带有模块名的文件。在我的例子中,它是Javascript 如何将节点模块导入Vue js文件visual studio,javascript,node.js,visual-studio,vue.js,asp.net-core,Javascript,Node.js,Visual Studio,Vue.js,Asp.net Core,我正在尝试通过VisualStudio和Asp.Net核心项目将npm模块导入vue js文件。因此,根据文档,要添加新的npm包,我们需要附加带有模块名的文件。在我的例子中,它是vue2 dropzone。我的package.config文件如下所示: { "version": "1.0.0", "name": "asp.net", "type": "module"
vue2 dropzone
。我的package.config文件如下所示:
{
"version": "1.0.0",
"name": "asp.net",
"type": "module",
"private": true,
"devDependencies": {
"typescript": "4.1.0-dev.20201101",
"vue2-dropzone": "^3.6.0",
"@types/jquery": "3.3.33"
},
"dependencies": {
"@babel/core": "^7.12.3",
"gulp": "^4.0.2",
"gulp-babel": "^8.0.0",
"gulp-cached": "^1.1.1",
"gulp-cssmin": "^0.2.0",
"gulp-terser": "^1.4.1",
"gulp-uglify": "^3.0.2",
"rimraf": "^3.0.2"
}
}
当我执行包还原时,它会创建所有文件所在的node\u modules
文件夹。然后通过gulp,我创建了一个任务,将lib复制到wwwroot
文件夹中。吞咽文字:
gulp.task('copy-node_modules', function () {
try {
return gulp.src('node_modules/**')
.pipe(cache('node_modules'))
.pipe(gulp.dest('wwwroot/node_modules'));
}
catch (e) {
return -1;
}
return 0;
});
好的,我需要的就这些了。然后我希望从我的vue js文件导入模块,如下所示:
import app from '../../../js/site.js';
import imgComponent from '../components/image-upload.js';
import vueDropzone from 'vue2Dropzone';
window.articles = new Vue({
extends: app,
components: {
'imgupload': imgComponent
},
data: {
uploadedFiles: []
},
mounted() {
},
created() {
},
methods: {
}
});
但我在导入vue2Dropzone
时出错:
未捕获类型错误:解析模块说明符“vue2Dropzone”失败。相对引用必须以“/”、“/”或“./”开头
如何处理