鍍金池/ 問答/HTML/ vue-preview使用過程中一直提示 Failed to find 'pho

vue-preview使用過程中一直提示 Failed to find 'photoswipe.css'

圖片描述

前提條件：
1、已經安裝npm i vue-preview -S
2、我是使用vue-cli生成的項目，已經修改webpack.base.conf.js文件中的loaders，添加了一個loader
{

test: /vue-preview.src.*?js$/,
loader: 'babel'

}
3、已經在main.js中引用
import VuePreview from 'vue-preview'
Vue.use(VuePreview);
4、已經安裝npm install stylus-loader css-loader style-loader --save-dev
還是一直提示”Module build failed: Error: Failed to find '~photoswipe/dist/photoswipe.css'“，為什么呢？

回答
編輯回答
伴謊

vue-preview的使用步驟：

    1）下載
    2）配置：找到配置文件加入：
        {
            test: /vue-preview.src.*?js$/,
            loader: 'babel-loader'
        },
        在處理url（）請求的配置中加入：svg的配置
        {
            test: /\.(jpg|png|gif|ttf|svg)$/,
            loader: "url-loader?limit=40000"
        }
    3）在main.js加載：
        //引入veu-preview
        import VuePreview from 'vue-preview'
        //使用vue-preview
        Vue.use(VuePreview)
    4）在tamplate中引入html代碼：
        <img class="preview-img" v-for="(item, index) in list" :src="item.src" height="100" @click="$preview.open(index, list)">   
    5）得到list數(shù)據(jù)
        格式：
             list: [{
                src: 'https://placekitten.com/600/400',
                w: 600,
                h: 400
                }, {
                src: 'https://placekitten.com/1200/900',
                w: 1200,
                h: 900
                }]
2018年3月19日 12:27
編輯回答
浪蕩不羈

在node_modules 里面找到vue-preview在這個文件夾里面找到preview.vue文件修改里面的路徑為這樣就行了，并且注釋style標簽里面的樣式引入

clipboard.png

2018年2月18日 07:24
編輯回答
純妹

我也是這原因。。

2018年7月10日 20:13
編輯回答
毀了心

我也是，找到原因了嗎

2017年1月19日 01:06
編輯回答
熊出沒

找到答案了嗎

2017年5月21日 14:18